码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-03-19 14:18:15      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:span   log   目录   com   blog   显示   lan   table   单元格   

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个单元格。 也就是列上的单元个合并

 

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

标签:span   log   目录   com   blog   显示   lan   table   单元格   

原文地址:https://www.cnblogs.com/Nathan-jin/p/8601100.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!