HTML初学常用基本语法
- HTML基础
- 链接
- 图像
- 表格
- 列表标签
- 文本格式化
HTML基础
1.通过 <h1> - <h6> 标签进行定义HTML标题
<h1> 定义最大的标题。 <h6> 定义最小的标题。
例：
<h1>不知是谁弹起 一曲钢琴旋律</h1>
<h2>仿佛海浪声声 回响在我耳边</h2>
<h3>午后天色渐暗 路上行人匆匆</h3>
<h4>是否各自怀着 夏色朦胧的梦</h4>
<h5>对你的爱恋 就像一本日记</h5>
<h6>写满一页页时光</h6>
其结果为：
不知是谁弹起 一曲钢琴旋律
仿佛海浪声声 回响在我耳边
午后天色渐暗 路上行人匆匆
是否各自怀着 夏色朦胧的梦
对你的爱恋 就像一本日记
写满一页页时光
2. 通过 <p> 标签定义段落
例：
<p>段落一 </p>
<p>段落二</p>
其显示结果：
段落一
段落二
3.使用 <br> 标签在不产生一个新段落的情况下进行换行
例：
<p>海面波光粼粼 轮船渐行渐远<br>告别的汽笛声 久久回荡海边<br>若是缓缓走下 虞美人的山坡<br>是否便会邂逅 夏色悠悠的风</p>
其结果为：
海面波光粼粼 轮船渐行渐远
告别的汽笛声 久久回荡海边
若是缓缓走下 虞美人的山坡
是否便会邂逅 夏色悠悠的风
注意：
<br /> 元素是一个空的 HTML 元素，没有结束标签。
链接
| <a> | 定义超链接 |
| <img> | 定义图像。 |
| <map> | 定义图像地图。 |
| <area> | 定义图像地图中的可点击区域。 |
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
例：<a href="http://www.360.com/">360</a>
图像
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src="url" />
例：
<img src="QQ图片20180928103532 (3).jpg" alt="图片" />
结果：
使用height（高度） 与 width（宽度）属性设置图像的高度与宽度。
例：
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
文本格式化
| <em> | 定义着重文字。 |
| <strong> | 定义加重语气。 |
| <sup> | 定义上标字。 |
| <sub> | 定义下标字。 |
| <ins> | 定义插入字。 |
| <del> | 定义删除字。 |
| <b> | 定义粗体文本。 |
| <i> | 定义斜体文本。 |
| <big> | 定义大号字。 |
| <small> | 定义小号字。 |
表格
| <table> | 定义表格。 |
| <thead> | 定义表格的页眉。 |
| <tbody> | 定义表格的主体。 |
| <tfoot> | 定义表格的页脚。 |
| <th> | 定义表格的表头行。 |
| <tr> | 定义表格的行。 |
| <td> | 定义表格单元。 |
列表
- 无序列表
<ul> 定义无序的列表。 <li> 定义列表项。 - 有序列表
<ol> 定义有序的列表。 <li> 定义列表项。 - 定义列表
<dl> 定义定义列表。 <dt> 定义定义术语。 <dd> 定义定义描述。
例：
<ul>
<li>海面波光粼粼</li>
<li>轮船渐行渐远</li>
<li>告别的汽笛声</li>
<li>久久回荡海边</li>
</ul>
结果：
- 海面波光粼粼
- 轮船渐行渐远
- 告别的汽笛声
- 久久回荡海边