这是我参与「第五届青训营」伴学笔记创作活动的第 2 天。
一、本堂课重点内容:
- HTML 属性
- HTML 标题
- HTML 段落
二、详细知识点介绍:
HTML 属性
定义:
属性是 HTML 元素提供的附加信息。
特点
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name="value"。
常见属性
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)定义段落的样式,以改变字体、颜色、背景色等样式。
课后个人总结
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属性定义其外边距等样式。