课程咨询:400-827-0010

HTML5培训 > html5教程 > 这些基本的HTML标签你需要知道
  • 这些基本的HTML标签你需要知道

    发布:HTML5培训  来源:html5教程  时间: 2016年05月31日

  • H5(html5)越来越火,看着那些酷炫的H5案例,你是否也对HTML动心了,今天达内html5培训机构就给大家介绍部分HTML标签,先来自己学着做个简单的页面吧~...

  • H5(html5)越来越火,看着那些酷炫的H5案例,你是否也对HTML动心了,今天达内html5培训机构就给大家介绍部分HTML标签,先来自己学着做个简单的页面吧~

    网页主体标签,这是网页的骨架

    文件类型 <html></html> (放在档案的开头与结尾)

    文件主题 <title></title> (必须放在「文头」区块内)

    文头 <head></head> (描述性资料,像是「主题」)

    文体 <body></body> (文件本体)

    结构性定义

    标题: <h?></h?> (从1到6,有六层选择)

    标题的对齐 <h? align=left|center|right></h?>

    区分 <div></div>

    区分的对齐 <div align=left|right|center|justify></div>


    引文区块 <blockquote></blockquote> (通常会内缩)

    强调 <em></em> (通常会以斜体显示)

    特别强调 <strong></strong> (通常会以加粗显示)

    引文 <cite></cite> (通常会以斜体显示)

    码 <code></code> (显示原始码之用)

    样本 <samp></samp>

    键盘输入 <kbd></kbd>

    变数 <var></var>

    定义 <dfn></dfn> (有些浏览器不提供)


    地址 :<address></address>

    大字 <big></big>

    小字 <small></small>

    与外观相关的标签

    加粗 <b></b>


    斜体: <i></i>

    底线 <u></u> (尚有些浏览器不提供)

    删除线 <s></s> (尚有些浏览器不提供)

    下标 <sub></sub>

    上标 <sup></sup>


    打字机体 <tt></tt> (用单空格字型显示)

    预定格式 <pre></pre> (保留文件中空格的大小)

    预定格式的宽度: <pre width=?></pre>(以字元计算)

    n1.0+ 向中看齐 <center></center> (文字与图片都可以)

    n1.0 闪耀 <blink></blink> (有史以来最被嘲弄的标签)

    n1.0 字体大小 <font size=?></font>(从1到7)

    n1.0 改变字体大小 <font size=+|-?></font>

    n1.0 基本字体大小 <basefont size=?> (从1到7; 内定为3)

    n2.0 字体颜色 <font color="#$$$"></font>

    链接与图形

    链接 <a href="url"></a>

    链接到锚点 <a href="url#***"></a>(如果锚点在另一个档案)

    <a href="#***"></a> (如果锚点目前的档案)

    链接到目的视框 <a href="url" target="***"></a>

    设定锚点 <a name="***"></a>

    图形 <img src="url">

    图形看齐方式 <img src="url" align=top|bottom|middle>

    图形看齐方式 <img src="url"

    align=left|right|texttop|absmiddle|baseline|absbottom>

    取代文字 <img src="url" alt="***"> (如果没有办法显示图形则显示此文字)


    点选图: <img src="url" ismap> (需要cgi程式)

    n2.0 点选图 <img src="url" usemap="url">

    n2.0 地图 <map name="***"></map>(描述地图)

    n2.0段落

    <area shape="rect" coords=",,," href="url"|nohref>

    3.0 大小 <img src="url" width="?" height="?">(以pixels为单位)

    n1.0 图形边缘 <img src="url" border=?> (以pixels为单位)

    n1.0 图形边缘空间 <img src="url" hspace=? vspace=?> (以pixels为单位)

    n1.0 低解析度图形 <img src="url" lowsrc="url">

    n1.1 用户端

    <meta http-equiv="refresh" content="?; url=url">(使用端自动更新 )

    n2.0 内嵌物件 <embed src="url"> (将物件插入页面)

    n2.0 内嵌物件大小 <embed src="url" width="?" height="?">

    分隔

    段落 :<p> (通常是两个return)

    段落 <p></p> (新定义成容器型标签)

    文字看齐方式 <p align=left|center|right></p>

    换行 <br> (一个return)

    n1.0 文字部份看齐方式<br clear=left|right|all>(与图形合用时)


    横线 :<hr>

    n1.0 横线对齐 <hr align=left|right|center>

    n1.0 横线厚度 <hr size=?> (以pixels为单位)

    n1.0 横线宽度 <hr width=?> (以pixels为单位)

    n1.0 横线比率宽度 <hr width=%> (以页宽为100%)

    n1.0 实线 <hr noshade> (没有立体效果)

    n1.0 不可换行 <nobr></nobr> (不换行)

    n1.0 可换行处 <wbr> (如果需要,可在此断行)

    列举

    无次序式列举: <ul><li></ul> (<li> 放在每一项前)

    n1.0 公布式列举 <ul type=disc|circle|square>(定义全部的列举项)

    <li type=disc|circle|square>(定义这个及其後的列举项)


    有次序式列举: <ol><li></ol> (<li> 放在每一项前)

    n1.0 数标型态 <ol type=a|a|i|i|1> (定义全部的列举项)

    <li type=a|a|i|i|1> (定义这个及其後的列举项)

    n1.0 起始数字 <ol value=?> (定义全部的列举项)

    <li value=?> (定义这个及其後的列举项)


    定义式列举 <dl><dt><dd></dl>(<dt>项目, <dd>定义)

    表单式列举 <menu><li></menu>(<li> 放在每一项前)

    目录式列举 <dir><li></dir> (<li> 放在每一项前)

    背景与颜色

    重复排列的背景: <body background="url">

    n1.1+ 背景颜色 <body bgcolor="#$$$"> (依序为红、绿、蓝)

    n1.1+ 文字颜色 <body text="#$$$">

    n1.1+ 连结颜色 <body link="#$$$">

    n1.1+ 看过的连结 <body vlink="#$$$">

    n1.1 使用中的连结 <body alink="#$$$">

  • 上一篇:分享HTML5培训实用学习技巧

    下一篇:达内:HTML/CSS选择符学习总结

网站导航
2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56