HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable标签

a标签其实就是用来做跳转的

　　a标签的作用：页面跳转、锚（页就是类似书签的东西，在URL中显示出#）

<a href="http://www.baidu.com" traget = "_blank">超连接文字</a>

traget = "_blank" 该属性的意思是点击后新窗口打开连接，如果没有改项意思就是直接在本页面打开。

<a href="#i3" traget = "_blank" >超连接文字</a>。注意此处的#号后的代码表示跳转到某一标签的标签的id ，页就是在表中中设置一个id，让a标签直接跳转到改标签

href=# 加上标签号

img标签

<img src="图片目录" style=“height:200px；width:200px;“ alt="图片描述" title = "鼠标显示">. height:200px；width:200px定义了图片的大小，alt属性的意思是如果看不到图片，就只显示图片的描述内容，同时点解描述内容也能够超连接到对应的页面，还可以有title的属性

如果点击图片需要有超连接的跳转功能，实现如下：

<a href="http://www.baidu.com">

　　<img src="图片目录" style=“height:200px；width:200px;“>

</a>

 

属性：

　　src

　　title

　　alt

　　style

 

 

ul标签： 列表内容的前面显示的是一个点.

<ul>

　　<li>内容1</li>

　　<li>内容2</li>

　　<li>内容3</li>

<\ul>

 

ol标签 列表内容的前面显示的数值序号

<ol>

　　<li>内容1</li>

　　<li>内容2</li>

　　<li>内容3</li>

<\ol>

 

dl标签：

<dl>

　　<dt>主标题</dt>

　　<dd>内容1</dd>

　　<dd>内容2</dd>

</dl>

 

table标签：tr是行，td是列

　　<table board=1>。添加了board=1之后表格就自动添加了边框了

　　　　<tr>

　　　　　　<td>第一行第一列</td>

　　　　　　<td>第一行第二列</td>

　　　　</tr>

　　</table>

 

table标签中还有<thead></thead>代表列

<tbody></tbody>代表表格中的行

 

合并单元格：

<td colspan = "2"></td> 代表改列所占单元格为2个单元格。 行上的单元个合并】、

 

<td rowspan = "2"></td>代表改行所占单元格为2个单元格。 也就是列上的单元个合并

 

label 标签：

　　普通文本，一般和input标签一起使用，如何和input创建关联如下： 点击文字使得关联的文字得到光标

　　<label for "username"> 用户名：</label>

　　<input id = "username" type=”text“ name="user"></input>

 

fieldset标签，在一个框中显示用户名和密码的登陆

转载于:https://www.cnblogs.com/Nathan-jin/p/8601100.html