胶南市市民服务中心:编写HTML代码 - 理睬的日志 - 网易博客

来源：百度文库 编辑：九乡新闻网 时间：2024/05/10 19:35:13

       

 

 ： Creation of Webpage is my favourite.

显示成： Creation of Webpage is my favourite.

其中 便称为围堵标签。

它以起始标签及终结标签标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。

  • 空标签

     

    是指标签单独出现，只有起始标签没有终结标签。

    例如 HTML Source：

    I love Creation of Webpage.

    Its a wonderful place.

    显示成：

    I love Creation of Webpage.

    Its a wonderful place.

    其中换行标签

    便属空标签。

    它的作用便是将标签后所有东西显示于下一行，可见终结标签于它是没意义的， 但有些人会为空标签加上终结标签，这是为方便记认而己，对 HTML 没有影响。

    HTML 标签一览

    标签 类型 译名或意义 作 用 备注 文件标签 ● 文件声明 让浏览器知道这是 HTML 文件   ● 开头 提供文件整体资讯   ● 标题 定义文件标题，将显示于浏览顶端   <BODY> ● 本文 设计文件格式及内文所在   排版标签 <!--注解--> ○ 说明标签 为文件加上说明，但不被显示   <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> ● 述语定义 斜体效果   <a href="#"> ● 地址标签 斜体效果   <SUB> ● 下标字 下标字   <SUP> ● 上标字 指数（平方、立方等）   清单标签 <OL> ● 顺序清单 清单项目将以数字、字母顺序排列   <UL> ● 无序清单 清单项目将以圆点排列   <LI> ○ 清单项目 每一标签标示一项清单项目   <MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对 <DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对 <DL> ● 定义清单 清单分两层出现   <DT> ○ 定义条目 标示该项定义的标题   <DD> ○ 定义内容 标示定义内容   表格标签 <TABLE> ● 表格标签 设定该表格的各项参数   <CAPTION> ● 表格标题 做成一打通列以填入表格标题   <TR> ● 表格列 设定该表格的列   <TD> ● 表格栏 设定该表格的栏   <TH> ● 表格标头 相等于<TD>，但其内之字体会变粗   表单标签 <FORM> ● 表单标签 决定单一表单的运作模式   <TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字   <INPUT> ○ 输入标签 决定输入形式   <SELECT> ● 选择标签 建立 pop-up 卷动清单   <OPTION> ○ 选项 每一标签标示一个选项   图形标签 <IMG> ○ 图形标签 用以插入图形及设定图形属性   链接 标签 <a href="#"> ○ 基准标签 可将相对 URL 转绝对及指定连结目标   排版标签 <FRAMESET> ● 框架设定 设定框架   <FRAME> ○ 框窗设定 设定框窗   <IFRAME> ○ 页内框架 于网页中间插入框架 IE <NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示   影像地图 <MAP> ● 影像地图名称 设定影像地图名称   <a href="#"> ○ 连结区域 设定各连结区域   多媒体 <BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE <EMBED> ○ 多媒体 加入声音、音乐或影像   其他标签 <MARQUEE> ● 走动文字 令文字左右走动 IE <BLINK> ● 闪烁文字 闪烁文字 NC <ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对 <META> ○ 开头定义 让浏览器知道这是 HTML 文件   <LINK> ○ 关系定义 定义该文件与其他 URL 的关系   StyleSheet <STYLE> ● 样式表 控制网页版面   <span> ● 自订标签 独立使用或与样式表同用   特殊字符 调色原理 </tbody> <p> </p> <p s="TEXT-INDENT: 2em">注： </p> <ul> <li>● 表示该标签属围堵标签，即需要关闭标签如 </标签>。 </li> <li>○ 表示该标签属空标签，即不需要关闭标签。 </li> <li>IE 表示该标签只适用于 Internet Explorer。 </li> <li>NC 表示该标签只适用于 Netscape Communicator。 </li> <li>反对 表示该标签不为 W3C 所赞同，通常这标签是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 </li> <li>弃用 表示该标签己为 W3C 所弃用，是过时的标签，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标签。 </li> <li>新 表示该标签是 HTML 4.0 中新增的。</li> </ul> <p> </p> <p s="TEXT-INDENT: 2em"> </p> <p s="TEXT-INDENT: 2em"> </li>   </tbody> <tbody>       </tbody> <p> </p> <hr> <p> </p> <p> </p> <p><font size="3" face="Arial"></font></p> <p align="left"><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3"></font><font face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3" face="Arial"></font></p> <p><font size="3">                                   </font><strong><font color="#ff00ff" size="5" face="黑体">更多精彩内容，点击理睬日志链接浏览！ </font></strong></p> <p><font size="3">                     <font color="#008000" face="楷体_GB2312"><strong>●初学入门●</strong></font><strong><font face="楷体_GB2312"> </font></strong><font color="#ff6600" face="楷体_GB2312"><strong>●博客技巧●</strong></font><strong><font face="楷体_GB2312"> </font></strong><font color="#0000ff" face="楷体_GB2312"><strong>●图片制作●</strong></font><font color="#008080" face="楷体_GB2312"><strong> </strong></font><font color="#ff0000" face="楷体_GB2312"><strong>●文字制作●</strong></font><font color="#ff0000" face="楷体_GB2312"><strong> </strong></font><font color="#800080" face="楷体_GB2312"><strong>●文字素材●</strong></font></font></p> <p><font size="3">                     <font color="#0000ff" face="楷体_GB2312"><strong>●图画素材●</strong></font><font color="#0000ff" face="楷体_GB2312"><strong> </strong></font><font color="#ff00ff" face="楷体_GB2312"><strong>●</strong></font><font color="#ff00ff" face="楷体_GB2312"><strong>精美时钟●</strong></font><strong><font face="楷体_GB2312"> </font></strong><font color="#008000" face="楷体_GB2312"><strong>●边框分割●</strong></font><strong><font face="楷体_GB2312"> </font></strong><font color="#800080" face="楷体_GB2312"><strong>●综合素材●</strong></font><strong><font face="楷体_GB2312"> </font></strong><font color="#ff6600" face="楷体_GB2312"><strong>●综合图库●</strong></font><strong><font face="楷体_GB2312"> </font></strong></font></p> <p>                     <strong><font color="#ff6600" size="3" face="楷体_GB2312">●日历天气●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#800080" size="3" face="楷体_GB2312">●音画作品●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#ff0000" size="3" face="楷体_GB2312">●视频教程●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#008000" size="3" face="楷体_GB2312">●电脑技巧●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font size="3" face="楷体_GB2312">●软件使用● </font></strong></p> <p>                     <strong><font color="#ff0000" size="3" face="楷体_GB2312">●酷播放器●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font size="3" face="楷体_GB2312">●</font></strong><strong><font size="3" face="楷体_GB2312">综合精品●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#008000" size="3" face="楷体_GB2312">●八卦精品●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#800080" size="3" face="楷体_GB2312">●名人博客●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#ff6600" size="3" face="楷体_GB2312">●百科奇闻●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong></p> <p>                     <strong><font color="#800080" size="3" face="楷体_GB2312">●趣味制作●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#ff00ff" size="3" face="楷体_GB2312">●趣味图片●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#ff0000" size="3" face="楷体_GB2312">●免费电影●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font size="3" face="楷体_GB2312">●游戏天地●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#008000" size="3" face="楷体_GB2312">●在线查询●</font></strong></p> <p>                     <strong><font color="#808000" size="3" face="楷体_GB2312">●搜索引擎●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#800000" size="3" face="楷体_GB2312">●</font></strong><strong><font color="#800000" size="3" face="楷体_GB2312">好网站一●</font></strong><strong><font color="#0000ff" size="3" face="楷体_GB2312"> </font></strong><strong><font color="#0000ff" size="3" face="楷体_GB2312">●好网站二●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#ff00ff" size="3" face="楷体_GB2312">●全国报纸●</font></strong><strong><font size="3" face="楷体_GB2312"> </font></strong><strong><font color="#993300" size="3" face="楷体_GB2312">●软件下载●</font></strong><font color="#993300" size="3" face="楷体_GB2312"> </font></p> <p s="TEXT-INDENT: 2em"><font size="3"></font></p> <hr> <p><font color="#ff0000" size="4" face="楷体_GB2312">               <mip-img s='max-width:300px;' id="img0" src="http://image21.360doc.cn/DownloadImg/2011/01/0716/8301137_3.jpg" /></font></p> <p><font color="#ff0000" size="4" face="楷体_GB2312"></font> </p> </div> <div class="zuoye-list-a"> <a href="/article/jlfpob">编写HTML代码 - 理睬的日志 - 网易博客</a> <a href="/article/jlkdjm">初学HTML代码 - 理睬的日志 - 网易博客</a> <a href="/article/jlkdkz">如何用HTML代码贴图 - 理睬的日志 - 网易博客</a> <a href="/article/jlniqu">初学HTML代码 - 理睬的日志 - 网易博客</a> <a href="/article/jmbjbq">html代码帖教程大全 - 理睬的日志 - 网易博客</a> <a href="/article/jpzvsf">HTML教程集锦 - 理睬的日志 - 网易博客</a> <a href="/article/jlkdqe">博客代码命令注解 - 理睬的日志 - 网易博客</a> <a href="/article/jlfpbp">Flash幻灯片导航代码 - 理睬的日志 - 网易博客</a> <a href="/article/jlpeut">各种播放器代码 - 理睬的日志 - 网易博客</a> <a href="/article/jlpeyi">音乐播放实用代码 - 理睬的日志 - 网易博客</a> <a href="/article/jmbjcq">文字基本代码及特效 - 理睬的日志 - 网易博客</a> <a href="/article/jnsyhl">- 理睬的日志 - 网易博客</a> <a href="/article/jmwflz">日志背景 - 理睬的日志 - 网易博客</a> <a href="/article/jmquji">多排图片的滚动代码 - 理睬的日志 - 网易博客</a> <a href="/article/jlqjbt">HTML一些基本命令的代码 - 随缘的日志 - 网易博客</a> <a href="/article/jlrzui">HTML一些基本命令的代码 - 随缘的日志 - 网易博客</a> <a href="/article/jlqctj">引用 HTML语法手册（代码大全） - 温柔女侠的日志 - 网易博客</a> <a href="/article/jlqdmg">引用 HTML语法手册（代码大全） - 温柔女侠的日志 - 网易博客</a> <a href="/article/jmlwsv">常用HTML代码速查表 - 松风竹韵的日志 - 网易博客1</a> <a href="/article/jmudyi">常用HTML代码速查表 - 松风竹韵的日志 - 网易博客2</a> <a href="/article/jlxexm">【理睬音画】至少还有你 - 理睬的日志 - 网易博客</a> <a href="/article/jlejht">经典语句 - 理睬的日志 - 网易博客</a> <a href="/article/jlekbz">世界各国国花 - 理睬的日志 - 网易博客</a> <a href="/article/jlelqi">生活百宝箱 - 理睬的日志 - 网易博客</a> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="footerlinks"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/jntujp" title="女人红杏出墙后">女人红杏出墙后</a> <a class="btn btn-default" href="/article/jntujq" title="引用验方偏方 怀孕生男秘诀">引用验方偏方 怀孕生男秘诀</a> <a class="btn btn-default" href="/article/jntujr" title="历史回眸：毛泽东为啥一定要处决刘青山张子善？--社会--人民网">历史回眸：毛泽东为啥一定要处决刘青山张子善？--社会--人民网</a> <a class="btn btn-default" href="/article/jntujs" title="长安画派">长安画派</a> <a class="btn btn-default" href="/article/jntujt" title="为何女人会出轨？">为何女人会出轨？</a> <a class="btn btn-default" href="/article/jntuju" title="000病句错题分类汇编">000病句错题分类汇编</a> <a class="btn btn-default" href="/article/jntujv" title="让自己老婆成为全世界最幸福女人">让自己老婆成为全世界最幸福女人</a> <a class="btn btn-default" href="/article/jntujw" title="小学语文教材中经典语句">小学语文教材中经典语句</a> <a class="btn btn-default" href="/article/jntujx" title="养殖业会计问题">养殖业会计问题</a> <a class="btn btn-default" href="/article/jntujy" title="期货炒单经验有哪些 - pramardane的日志 - 网易博客">期货炒单经验有哪些 - pramardane的日志 - 网易博客</a> <a class="btn btn-default" href="/article/jntujz" title="作女生真的好累，男朋友应该好好珍惜自己的女朋友嘛！不要再让她受伤害…">作女生真的好累，男朋友应该好好珍惜自己的女朋友嘛！不要再让她受伤害…</a> <a class="btn btn-default" href="/article/jntuka" title="北京地铁站内禁止拍照 工作人员称阻碍通行">北京地铁站内禁止拍照 工作人员称阻碍通行</a> <a class="btn btn-default" href="/article/jntukb" title="文件夹怎么加密码,需要的好好收藏吧。">文件夹怎么加密码,需要的好好收藏吧。</a> <a class="btn btn-default" href="/article/jntukc" title="小日本最痛恨的笑话！！！">小日本最痛恨的笑话！！！</a> <a class="btn btn-default" href="/article/jntukd" title="让男人 欲罢不能的女人">让男人 欲罢不能的女人</a> <a class="btn btn-default" href="/article/jntuke" title="男人靠近就无法离开的十种女人">男人靠近就无法离开的十种女人</a> <a class="btn btn-default" href="/article/jntukf" title="只有想不到没有治不了！网上流传的养生秘方">只有想不到没有治不了！网上流传的养生秘方</a> <a class="btn btn-default" href="/article/jntukg" title="嫁给百万富翁的美女总说"我不是为了钱"">嫁给百万富翁的美女总说"我不是为了钱"</a> <a class="btn btn-default" href="/article/jntukh" title="蔬菜车被拦交30元过路费 收费站称运菜不新鲜">蔬菜车被拦交30元过路费 收费站称运菜不新鲜</a> <a class="btn btn-default" href="/article/jntuki" title="枸杞：让肝脏减肥不再难">枸杞：让肝脏减肥不再难</a> <a class="btn btn-default" href="/article/jntukj" title="土耳其洗浴文化一瞥">土耳其洗浴文化一瞥</a> <a class="btn btn-default" href="/article/jntukk" title="中国古代牢房对女囚的潜规则 如同“活地狱”">中国古代牢房对女囚的潜规则 如同“活地狱”</a> <a class="btn btn-default" href="/article/jntukl" title="安全套 种类及用法详解">安全套 种类及用法详解</a> <a class="btn btn-default" href="/article/jntukm" title="民警扮演员揭街头星探骗局:见人就夸有演员气质-搜狐新闻">民警扮演员揭街头星探骗局:见人就夸有演员气质-搜狐新闻</a> <a class="btn btn-default" href="/article/jntukn" title="道家《易经》与中医医理1">道家《易经》与中医医理1</a> <a class="btn btn-default" href="/article/jntuko" title="解析内痔的症状有哪些">解析内痔的症状有哪些</a> <a class="btn btn-default" href="/article/jntukp" title="岭南画派">岭南画派</a> <a class="btn btn-default" href="/article/jntukq" title="刘晓庆散布毁灭日谣言用意何在？">刘晓庆散布毁灭日谣言用意何在？</a> <a class="btn btn-default" href="/article/jntukr" title="陈皮牛肉的做法">陈皮牛肉的做法</a> <a class="btn btn-default" href="/article/jntuks" title="巧用瓜果防治疾病（下）">巧用瓜果防治疾病（下）</a> <a class="btn btn-default" href="/article/jntukt" title="自己的老婆自己疼">自己的老婆自己疼</a> </div> </div> </div> <div class="copy-right"> <p>九乡新闻网，客观、专业、权威的知识性互动百科全书。</p></div> </div> </div> <!--mip 运行环境--> <mip-stats-baidu> <script type="application/json"> { "token": "97cc1851a34f9e233119ff36ecf54098", "_setCustomVar": [1, "login", "1", 2], "_setAutoPageview": [true] } </script> </mip-stats-baidu> <script src="https://c.mipcdn.com/static/v1/mip.js"></script> <!--分享组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script> <!--百度统计组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> </body> </html>