NO.2HTML属性、HTML标题和HTML段落| 青训营笔记

187 阅读4分钟

这是我参与「第五届青训营」伴学笔记创作活动的第 2 天。

一、本堂课重点内容:

  • HTML 属性
  • HTML 标题
  • HTML 段落

二、详细知识点介绍:

HTML 属性

定义:

属性是 HTML 元素提供的附加信息。

特点

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"。

1.jpg

常见属性

2.jpg

HTML 标题

定义

HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。标题是HTML页面的重要组成部分,用于呈现页面的标题、子标题和其他标题。

实例

HTML标题通常用于为页面上的文本定义标题级别。在HTML中,有六个标题级别,分别用<h1><h6>标签表示。<h1>标签代表最高级别的标题,<h6>标签代表最低级别的标题。例如:

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

上述代码的效果如下:


这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

HTML 段落

定义

HTML段落是HTML中常见的文本元素,用于将文本组织为独立的块,以实现更好的文本结构和布局。

实例

在HTML中,段落通常用<p>标签表示,例如:

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

段落的作用是通过分隔文本,提高文本的可读性。在浏览器中,段落通常会有一定的外边距(margin),以让段落在页面上有足够的空间。段落可以包含文本、图片、表格等其他元素,还可以使用CSS(Cascading Style Sheets)定义段落的样式,以改变字体、颜色、背景色等样式。

3.jpg

课后个人总结

HTML基本标签(Basic Tags)

<h1>最大的标题</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>最小的标题</h6>
 
<p>这是一个段落。</p>
<br> (换行)
<hr> (水平线)
<!-- 这是注释 -->

标题大小与字体大小的关系

1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。

<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>

<h2>这是2号标题</h2>
<font size="5">这是5号字体文本</font>

<h3>这是3号标题</h3>
<font size="4">这是4号字体文本</font>

<h4>这是4号标题</h4>
<font size="3">这是3号字体文本</font>

<h5>这是5号标题</h5>
<font size="2">这是2号字体文本</font>

<h6>这是6号标题</h6>
<font size="1">这是1号字体文本</font>

上述代码的显示效果如下:


这是1号标题

这是6号字体文本

这是2号标题

这是5号字体文本

这是3号标题

这是4号字体文本

这是4号标题

这是3号字体文本
这是5号标题
这是2号字体文本
这是6号标题
这是1号字体文本

HTML属性、HTML标题和HTML段落之间的关系

HTML属性是用于定义HTML元素特定行为或样式的标识符。它们通常以键值对的形式出现在HTML元素的开始标签中,例如:

<p style="color: red;">这是一个红色的段落。</p>

在这个例子中,style是一个HTML属性,color: red是它的值。

HTML标题是HTML文档中用于定义文档结构的元素,它们以<h1><h6>的标签形式出现,分别代表1到6级标题。例如:

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>

HTML段落是HTML文档中用于组织文本的元素,它们以<p>标签的形式出现,例如:

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

这三种元素在HTML文档中相互配合使用,以实现更好的文档结构和样式。例如,HTML标题可以使用HTML属性定义其字体大小和颜色,HTML段落可以使用HTML属性定义其外边距等样式。

因此,HTML属性、HTML标题和HTML段落之间是相互依存、相互配合的关系,通过合理使用这三种元素,可以实现更好的HTML文档结构和样式。比如,HTML标题可以通过HTML属性定义标题的字体大小、颜色、对齐方式等;HTML段落可以通过HTML属性定义段落的字体大小、颜色、对齐方式、外边距等。