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>:自订标记(独立使用或与样式表同用)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,427评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,551评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,747评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,939评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,955评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,737评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,448评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,352评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,834评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,992评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,133评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,815评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,477评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,022评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,147评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,398评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,077评论 2 355