IT技术网站html常用标签及作用
<html>：文件声明（让浏览器知道这是HTML文件）
<head>：开头（提供文件整体资讯）
<title>：标题（定义文件标题，将显示于浏览器顶端）
<body>：文本（设计文件格式及内文所在排版标记）
<!–注解–>：说明标记（为文件加上说明，但不被显示）
<p>…</p>：分段显示，段落标记（为字、画、表格等之间留一空白行）
<br>：换行符，换行标记（令字、画、表格等显示于下一行）
<hr>：水平线（插入一条水平线）
<center>：居中（令字、画、表格等显示于中间 反对）
<pre>：预设格式（令文件按照原始码的排列方式显示）
<div>：区隔标记（设定字、画、表格等的摆放位置）
<nobr>：不折行（令文字不因太长而绕行）
<wbr>：建议折行（预设折行部位）
字体标记
<strong>：加重语气（产生字体加粗 Bold的效果）
<b>：粗体标记（产生字体加粗的效果）
<em>：强调标记（字体出现斜体效果）
<i>：斜体标记（字体出现斜体效果）
<tt>：打字字体（Courier字体，字母宽度相同）
<u>：加上底线（加上底线 反对）
<h1>：一级标题标记（变粗变大加宽，程度与级数反比）
<h2>：二级标题标记（将字体变粗变大加宽）
<h3>：三级标题标记（将字体变粗变大加宽）
<h4>：四级标题标记（将字体变粗变大加宽）
<h5>：五级标题标记（将字体变粗变大加宽）
<h6>：六级标题标记（将字体变粗变大加宽）
<font>：字形标记（设定字形、大小、颜色 反对）
<basefont>：基准字形标记（设定所有字形、大小、颜色 反对）
<big>：字体加大（令字体稍为加大）
<small>字体缩细（令字体稍为缩细）
<strike>：划线删除（为字体加一删除线 反对）
<code>：程式码（字体稍为加宽 如<TT>）
<kbd>:键盘字（字体稍为加宽，单一空白）
<samp>：范例（字体稍为加宽 如<TT>）
<var>：变数（斜体效果）
<cite>：传记引述（斜体效果）
<blockquote>：引述文字区块（缩排字体）
<dfn>：述语定义（斜体效果）
<address>：地址标记（斜体效果）
<sub>：下标字
<sup>：上标字 指数（平方、立方等） 清单标记
清单标记
<ol>：顺序清单（清单项目将以数字、字母顺序排列）
<ul>：无序清单（清单项目将以圆点排列）
<li>：清单项目（每一标记标示一项清单项目）
<menu>：选单清单（清单项目将以圆点排列，如<ul>反对）
<dl>：定义清单（清单分两层出现）
<dt>：定义条目（标示该项定义的标题）
<dd>：定义内容（标示定义内容） 表格标记
表格标记
<table>：表格标记（设定该表格的各项参数）
<caption>：表格标题（做成一打通列以填入表格标题）
<tr>：表格列（设定该表格的列）
<td>：表格栏（设定该表格的栏）
<th>：表格标头（相等于<TD>，但其内之字体会变粗）
表单标记
<form>：表单标记（决定单一表单的运作模式）
<textarea>：文字区块（提供文字方盒以输入较大量文字）
<input>：输入标记（决定输入形式）
<select>：选择标记（建立pop-up 卷动清单）
<option>：选项（每一标记标示一个选项）
图形标记
<img>：图形标记（用以插入图形及设定图形属性）
连结标记
<A>：连结标记（加入连结）
<base>：基准标记（可将相对url转绝对及指定连结目标）
框架标记
<frameset>：框架设定（设定框架）
<frame>：框窗设定（设定框窗）
<iframe>：页内框架（于网页中间插入框架IE）
<noframes>：不支援框架（设定当浏览器不支援框架时的提示）
影像地图
<map>：影像地图名称（设定影像地图名称）
<area>：连结区域（设定各连结区域）
多媒体
<bgsound>：背景声音（于背景播放声音或音乐 IE）
<embed>：多媒体（加入声音、音乐或影像）
其他标记
<marquee>：走动文字（令文字左右走动 IE）
<blink>：闪烁文字（闪烁文字 NC）
<isindex>：页内寻找器（可输入关键字寻找于该一页 反对）
<meta>：开头定义（让浏览器知道这是HTML文件）
<link>：关系定义（定义该文件与其他url的关系）
StyltSheet
<style>：样式表（控制网页版面）
<span>：自订标记（独立使用或与样式表同用）
html标记可以分为哪三种
一、html的标签元素能够分为3类：
块状元素（块元素）
行内元素（内联元素）
行内块状元素（可变元素）
1、块状元素：
块级元素是指本身特点为display:block;的元素。因为它本身的特点，我们一般运用块级元从来进行大布局（大结构）的建立。
布局上：独占一行，能够包容内联元素和其他块元素
款式上：设置width、height有用，能够设置盒子模型的相关css特点，
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下，块级元素的高度是它本身内容的高度
常见块级元素
2、行内元素：
内联元素是指本身特点为display:inline;的元素。因为它本身的特点，我们一般运用块级元从来进行文字、小图标（小结构）的应用。
布局上：和其他元素从左到右在一行排列，只能包容文本或许其他内联元素（不要在内联元素中嵌套块级元素）
款式上：不能直接操控width、height，只能运用盒模型部分特点，如padding、line_height、margin-left、margin-right。
内联元素的宽高是由本身内容的大小决定（文字、图标等）
常见行内元素
3、 行内块状元素：尽可能少的占用横向空间，和其他元素都在一行上；能够设置width、height、margin、padding等盒模型相关特点。
*常用：img、input、td。
二、元素之间的转化:
display:block；(将元素变为块级元素)
display:inline； (将元素变为行级元素)
display：inline-block；（将元素变为行级块元素）
三、其他
a. 块元素特立独行；内联元素随波逐流。
b.块元素一般用作网页的主要构建模块，而内联元素常用来标记小段内容（修饰文本）
c.规划一个页面时，一般从较大的块开端 ，然后完善页面的时分再加入内联元素。
d. 对标签能够明晰的分类，把握标签的特性，在挑选标签时防止犹豫不决，进步布局功率。
四、html5新特性
HTML5新结构标签
结构标签
HTML5-新的特点语法
特点语法
HTML5图形
图形标签
HTML5音视频标签
音视频标签
对本地离线存储的更好的支撑
新的表单控件，比方 calendar、date、time、email、url、search
移除的元素：
纯表现的元素：basefont，big，center，font, s，strike，tt，u;
对可用性发生负面影响的元素：frame，frameset，noframes；
支撑HTML5新标签： IE8/IE7/IE6支撑经过document.createElement办法发生的标签，能够使用这一特性让这些浏览器支撑HTML5新标签，浏览器支撑新标签后，还需要增加标签默许的款式。当然也能够直接运用老练的框架、比方html5shim;
如何区分HTML5： DOCTYPE声明\新增的结构元素\功用元素
评论前必须登录！
注册