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>
结果:
- 海面波光粼粼
- 轮船渐行渐远
- 告别的汽笛声
- 久久回荡海边