超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
<a>
标签:有两大功能,作链接跳转和锚。锚,可以看做是跳转至网页某一部分。链接跳转属性:href=“链接地址”,当做锚时,href=“#某个标签的id”,注意标签的ID不允许重复。
<img>
标签:图片,有src属性表示图片地址,title属性是鼠标放在图片上时显示的文字。
<label>
标签:文本标签,可以有一个for属性与input
标签一起使用,for=“ID”,作用是当点击label
标签所在的文字时可以将光标放置在输入框中。
例
<a href="#i1">第一章</a>
<div id="i1">第一章的内容</div>
<br/>
<img src="捕获.png" title="picture"/><br/><br/>
<label for="username">用户名:</label>
<input id="username" type="text" name="username"><br/>
效果:
列表系列:
<ul>
无序列表,内部为li标签。
ol为有序列表,默认数字为序。内部也为li标签。
dl分级列表,dt标签和dd标签
table标签:表格,内含thead表头标签、tbody表标签,tr行标签,th列标签。有属性colspan和rowspan分别表示占多少行和列,可用作合并某些单元格。
例:
<p>无序列表:</p>
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
</ul>
<p>有序列表:</p>
<ol>
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
</ol>
<p>分级列表</p>
<dl>
<dt>1</dt>
<dd>2</dd>
<dd>2</dd>
</dl>
<p>表格:</p>
<table border="1" >
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2">1</th>
<th>2</th>
<th colspan="2">3</th>
</tr>
<tr>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</tbody>
</table>
效果: