html标签总结

概括、网页的内容是采用标签的形似描述的,有的标签表示网页的组织结构,有的标签表示网页内容的格式,有的内容的补充。

注释

<!-- -->

组织结构

<html></html>

  |-- <head></head>

    |-- <base href="......"/> 定义相对链接的根地址

    |-- <link rel="stylesheet" type="text/css" href="theme.css" /> 定义文档链接的外部资源

    |-- <style></style> 描述文档内部描述

    |-- <meta var1="..." /> 相当于定义了文档的全局变量

  |-- <body></body>

    |-- <p></p>

  |-- <div></div> 对文档进行块分割,可以使用CSS对每块进行样式控制

  |-- <span></span> 一般对行的内容进行分节

  |-- <frameset cols="25%,50%,25%"></frameset> 文档进行框架分割

内容

  |-- 一般内容

  <br /> 换行

  <hr /> 水平分割线

  <img src="path" usemap="#mymap"></img> 图像

    <map> <area></area> </map> 定义图像的可点区域

  |-- 缩写

  <abbr title="......">...</abbr> 缩写

  <acronym title="world wide web">WWW</acronym> 只显示首字母的缩写,和上面的缩写没有区别

  |-- 表格

  <table></table> 表格本身

  <caption></caption> 表格标题

  <tr></tr> 表格中的行

  <td></td> 行中的单元格 <th></th> 为表头的单元格其实就是字体的变化

  <thead></thead> <tbody></tbody> <tfoot></tfoot> 设置单元格的位置

  <col></col> 对table的所有单元格进行样式设置,只能用在table以后

  <colgroup span="2"></colgroup> 对特定行的单元格进行样式设置,只能用在table以后

  |-- 定义列表

  <dl></dl>  定义列表

  <dt></dt> 列表的每项

  <dd></dd> 列表的注释,其实就是缩进

  |-- 有序列表

  <ol></ol> 有序列表

  <li></li> 有序列表项目,项目前会有1,2,3的序号

  |-- 无序列表

  <ul></ul> 无序列表

  <li></li> 无序列表项目,项目前会有同样的符号

链接

<a href="#name or id"></a> 链接到文档中的位置或者url

<base href="......"/> 定义相对链接的根地址

格式相关

  |-- 一般格式

  <address></address> 通常在文档尾部显示作者联系信息,一般为斜体字

  <blockquote></blockquote> 多行引用,主要特点缩进 <q></q> 单行引用

  <cite> <code> <strong> <samp> <var> <dfn> <em>各种样式,成对标签省略

  |-- 字体格式

  <h1-6></h1-6> 标题,h1字体最大

  <b></b> 粗体 <i></i> 斜体

  <big></big> 大号字体 <small></small> 小号字体

  <bdo dir="ltr,rtl"></bdo> 文字方向

  <del></del> 删除线 <ins></ins> 下划线

  <sub></sub> 上标 <sup></sup> 下标

表单及组件

<form></form> 表单本身,其中可以含有各种输入组件

<button type="button,reset,submit"></button> 功能更丰富的按钮

<textarea></textarea> 多行输入的文本控件

<input type="button,checkbox,file,hidden,image,password,radio,reset,sumbit,text" value="caption"></input> 输入组件

<select></select> 选择列表

  <option value="..."></option> 定义选择列表的选项

  <optgroup label="..."></optgroup> 对选择列表项进行分组

<fieldset></fieldset> 可对其内部的组件进行特殊效果的显示 <legend><legend/> 为fieldset设置标题

<label for="id"></label> 为特定id的输入组件提供文字说明

脚本

<script></script> javascript 脚本



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值