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

时间:2021-10-07 23:17:07

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标签,在一个框中显示用户名和密码的登陆