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

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

时间: 2024-10-13 19:46:14

HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable的相关文章

语义化HTML:ul、ol和dl

一.语义化元素   1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification    语义化<ul>元素:表示包含一组无序列表项内容.   2. ol标签 W3C草案: The ol elemen

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

1 <!-- 2 table border='1' style="border-collapse:collapse;" 3 border 表格的像素宽度 4 border-collapse:collapse 为表格设置合并边框模型 5 tr 表格行 一个tr包含多个th 或td 6 th 表示居中加粗 7 td 表格描述(默认正常显示) 8 9 caption 标题独占一行 在表格外面 10 thead tbody tfoot 无论顺序是怎么写的 他会自动按这个顺序展示 11 -

table表格标签的使用

表格 table 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法格式如下: 在上面的语法中包含三对HTML标签,分别为 <table></table>.<tr></tr>.<td></td>,他们是创建表格的基本标签,缺一不可 表格属性 ? border:边框 默认值为0 像素值(px) 表格标题 表格的标题: caption 定义和用法 caption 元素定义表格标题. ? 原文地址:htt

HTML 列表 &lt;ol&gt;&lt;ul&gt;&lt;li&gt;&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;

<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.

学习10 table表格制作标签

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>认识table表格标签</title> <style type="text/css"> table tr td,th{border:1px solid

table下属标签与标签中间不能加其他任何标签

今天设计网页,很想在table下面的caption下面加hr标签,不能正常解析,后来发现hr标签可以显示,但是用浏览器查看解析,发现hr在table上面进行了解析,不会再caption下面显示, 又连续在th和其他table下属的标签中实验,发现都不行,br span等标签同样不行,但是hr,br,span等标签可以在caption,th等标签中间进行正常解析. 总结:不要再table下属标签的外部进行使用其他标签,但是标签内部可以使用.

HTML高级标签之表格标签

前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cellpadding="0"></table> <!--表格标签 cellspacing:单元格边距. cellpadding: 单元格间距--> <caption> </caption> <!--caption: 置于table内部

表格标签的详解

表格标记 表格是有行.有列.作用:显示表格类的数据. 文字.图片.表格套表格 一个表格的结构: 图示:以下是一个两行四列的一个表格 名称 苹果 价格 6 总价 12 ? ? 语法结构: <table> <caption>表格的标题</caption> ????<tr> ????????<th></th> <th></th> <th></th> <th></th>

表格标签和表格布局

表格标签 <table> //表格标签: <tr> //行标签 <td> //单元格 http://120.x5.x.x:8080/myhome/mytable.html 表格跨行或者跨列的效果: 跨行: <tr> <td align="center" colspan="2">北京</td> <!--<td align="center">上海</td&