青岛热电集团:HTML语言标记大观

来源：百度文库 编辑：九乡新闻网 时间：2024/07/14 01:14:12
2009-02-20 09:51:41|  分类：HTML语言 |  标签： |字号大中小
HTML语言标记大观
标记 类型 译名或意义 作 用 备注
文件标记
● 文件声明 让浏览器知道这是 HTML 文件
● 开头 提供文件整体资讯
● 标题 定义文件标题，将显示于浏览顶端<br><BODY> ● 本文 设计文件格式及内文所在<br>排版标记<br><!--注解--> ○ 说明标记 为文件加上说明，但不被显示<br><P> ○ 段落标记 为字、画、表格等之间留一空白行<br><BR> ○ 换行标记 令字、画、表格等显示于下一行<br><HR> ○ 水平线 插入一条水平线<br><CENTER> ● 居中 令字、画、表格等显示于中间 反对<br><PRE> ● 预设格式 令文件按照原始码的排列方式显示<br><DIV> ● 区隔标记 设定字、画、表格等的摆放位置<br><NOBR> ● 不折行 令文字不因太长而绕行<br><WBR> ● 建议折行 预设折行部位<br>字体标记<br><STRONG> ● 加重语气 产生字体加粗 Bold 的效果<br><B> ● 粗体标记 产生字体加粗的效果<br><EM> ● 强调标记 字体出现斜体效果<br><I> ● 斜体标记 字体出现斜体效果<br><TT> ● 打字字体 Courier字体，字母宽度相同<br><U> ● 加上底线 加上底线 反对<br><H1> ● 一级标题标记 变粗变大加宽，程度与级数反比<br><H2> ● 二级标题标记 将字体变粗变大加宽<br><H3> ● 三级标题标记 将字体变粗变大加宽<br><H4> ● 四级标题标记 将字体变粗变大加宽<br><H5> ● 五级标题标记 将字体变粗变大加宽<br><H6> ● 六级标题标记 将字体变粗变大加宽<br><FONT> ● 字形标记 设定字形、大小、颜色 反对<br><BASEFONT> ○ 基准字形标记 设定所有字形、大小、颜色 反对<br><BIG> ● 字体加大 令字体稍为加大<br><SMALL> ● 字体缩细 令字体稍为缩细<br><STRIKE> ● 画线删除 为字体加一删除线 反对<br><CODE> ● 程式码 字体稍为加宽如<TT><br><KBD> ● 键盘字 字体稍为加宽，单一空白<br><SAMP> ● 范例 字体稍为加宽如<TT><br><VAR> ● 变数 斜体效果<br><CITE> ● 传记引述 斜体效果<br><BLOCKQUOTE> ● 引述文字区块 缩排字体<br><DFN> ● 述语定义 斜体效果<br><ADDRESS> ● 地址标记 斜体效果<br><SUB> ● 下标字 下标字<br><SUP> ● 上标字 指数（平方、立方等）<br>清单标记<br><OL> ● 顺序清单 清单项目将以数字、字母顺序排列<br><UL> ● 无序清单 清单项目将以圆点排列<br><LI> ○ 清单项目 每一标记标示一项清单项目<br><MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对<br><DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对<br><DL> ● 定义清单 清单分两层出现<br><DT> ○ 定义条目 标示该项定义的标题<br><DD> ○ 定义内容 标示定义内容<br>表格标记<br><TABLE> ● 表格标记 设定该表格的各项参数<br><CAPTION> ● 表格标题 做成一打通列以填入表格标题<br><TR> ● 表格列 设定该表格的列<br><TD> ● 表格栏 设定该表格的栏<br><TH> ● 表格标头 相等于<TD>，但其内之字体会变粗<br>表单标记<br><FORM> ● 表单标记 决定单一表单的运作模式<br><TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字<br><INPUT> ○ 输入标记 决定输入形式<br><SELECT> ● 选择标记 建立 pop-up 卷动清单<br><OPTION> ○ 选项 每一标记标示一个选项<br>图形标记<br><IMG> ○ 图形标记 用以插入图形及设定图形属性<br>连结标记<br><A> ● 连结标记 加入连结<br><BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标<br>框架标记<br><FRAMESET> ● 框架设定 设定框架<br><FRAME> ○ 框窗设定 设定框窗<br><IFRAME> ○ 页内框架 于网页中间插入框架 IE<br><NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示<br>影像地图<br><MAP> ● 影像地图名称 设定影像地图名称<br><AREA> ○ 连结区域 设定各连结区域<br>多媒体<br><BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE<br><EMBED> ○ 多媒体 加入声音、音乐或影像<br>其他标记<br><MARQUEE> ● 走动文字 令文字左右走动 IE<br><BLINK> ● 闪烁文字 闪烁文字 NC<br><ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对<br><META> ○ 开头定义 让浏览器知道这是 HTML 文件<br><LINK> ○ 关系定义 定义该文件与其他 URL 的关系<br>StyleSheet<br><STYLE> ● 样式表 控制网页版面<br><span> ● 自订标记 独立使用或与样式表同用<br>注：<br>● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 ○ 表示该标记属空标记，即不需要关闭标记。 IE 表示该标记只适用于 Internet Explorer。 NC 表示该标记只适用于 Netscape Communicator。 反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。 新 表示该标记是 HTML 4.0 中新增的。<br>HTML语言基本代码识别<br><><br>第一类：成双成对的标识符：这类代码单词当出现一个后，它的后面在一定的地方一定要有加斜杠的结束符，如：<br><table>表格开始，</table>表格结束<br><body>表体开始</body>表体结束<br><tr>表格的一行开始,(可简单理解为横向)</tr>表格的一行结束<br><td>一行中填充开始,(可简单理解为纵向)</td>填充结束<br><p>~</p>创建一个段落及段落结束<br><font>文字修饰开始</font>文字修饰结束<br><center>~</center>居中开始与结束<br>第二类不是成双成对的，它只是表示某种属性，在代码中巧妙运用，会收到意想不到效果呢。如：<br>borderColor= 表格边框的颜色<br>bgColor= 大背景颜色代码<br>cellSpacing=边框与内置边框的宽度<br>cellPadding=文本与表格框的距离<br>border=  表格边框的粗细<br>width=表格宽度,用数字或用"100%"百分比<br>height=表格高度,用法同上.<br>align=center内容居中位置 改变center为left，则表示内容是左对齐，……<br>background= 作为背景图片的地址<br>borderColorDark=边框背光颜色<br>borderColorLight=边框向光颜色<br>上面代码单词并不是在每个贴子代码中都要用，可以根据需要进行运用。<br>第三类是最简单的代码，不需要成对，也不需要数字选择，直接输入代码就行，如：<br><hr>表示是在Html文档中加入一条水平线<br><br>表示创建一个回车换行.它没有结束标志.<br>初学时一是要熟悉这些单词，二就是照葫芦画瓢，搬别人的代码，从简到繁，循序渐进。应该很快就可以学会了。<br><img style='max-width:300px;' id="img0" src="http://image35.360doc.cn/DownloadImg/2011/09/0223/16936962_1.gif" />该怎样修改代码？<br>插入代码之后，把代码中的文字替换成你自己的内容即可。<br>注意：为避免出错，请不要改动除中文文字之外的代码，否则程序可能会不能运行！<br><img style='max-width:300px;' id="img1" src="http://image35.360doc.cn/DownloadImg/2011/09/0223/16936962_2.jpg" /><br>评论这张<br><img style='max-width:300px;' id="img2" src="http://image35.360doc.cn/DownloadImg/2011/09/0223/16936962_3" />转发至微博<br><img style='max-width:300px;' id="img3" src="http://image35.360doc.cn/DownloadImg/2011/09/0223/16936962_3" />转发至微博</div> <div class="list-group"> <a href="/article/jpzblo" class="list-group-item">HTML语言标记大观</a> <a href="/article/jlsogd" class="list-group-item">Struts的HTML标记库</a> <a href="/article/jmalui" class="list-group-item">HTML彻底剖析标记一览</a> <a href="/article/jmnswv" class="list-group-item">html语言</a> <a href="/article/jqigfk" class="list-group-item">用好HTML的帧窗口标记</a> <a href="/article/jrmuzk" class="list-group-item">html中<meta>和<base>标记</a> <a href="/article/jobdhh" class="list-group-item">HTML 语言教程：目录</a> <a href="/article/jpdlyr" class="list-group-item">HTML语言制作大全</a> <a href="/article/jpfkwo" class="list-group-item">HTML语言语法大全</a> <a href="/article/jqndiv" class="list-group-item">HTML语言手册</a> <a href="/article/jnudri" class="list-group-item">HTML标记语法大全（二）--匠人的百宝箱</a> <a href="/article/jnudrt" class="list-group-item">HTML标记语法大全（一）--匠人的百宝箱</a> <a href="/article/jowkmu" class="list-group-item">详细讲解HTML的BODY标记的内部参数</a> <a href="/article/jmcqym" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/jmgghi" class="list-group-item">HTML语言基本标签[01]</a> <a href="/article/jmwyrs" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/joaovu" class="list-group-item">HTML语言 -抛光字代码</a> <a href="/article/jrelvq" class="list-group-item">HTML表格标记教程(12):边框样式属性FRAME-HTML/Xhtml-网页制作-网页...</a> <a href="/article/jlfjlh" class="list-group-item">不了解HTML语言，学习seo、真难啊</a> <a href="/article/jmkqgx" class="list-group-item">常用HTML代码速查表 - 博客制作语言</a> <a href="/article/jmmlcl" class="list-group-item">开始学习HTML语言音画制作</a> <a href="/article/jmynfd" class="list-group-item">HTML语言初解、网站注册、</a> <a href="/article/jnddbi" class="list-group-item">HTML语言 [网易博客使用技巧]</a> <a href="/article/jnwyql" class="list-group-item">从零开始学HTML语言音画制作</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/jnjije" title="一个很好用的副图公式（通达信副图公式）">一个很好用的副图公式（通达信副图公式）</a> <a class="btn btn-default" href="/article/jnjijf" title="新华时评：让奢侈挥霍在“耻辱”前止步">新华时评：让奢侈挥霍在“耻辱”前止步</a> <a class="btn btn-default" href="/article/jnjijg" title="伦敦警察“备战”王子婚礼">伦敦警察“备战”王子婚礼</a> <a class="btn btn-default" href="/article/jnjijh" title="历届春晚(1983-2010)-历届春晚视频-历届春节晚会-历届春1晚下载-历届春晚小品-历...">历届春晚(1983-2010)-历届春晚视频-历届春节晚会-历届春1晚下载-历届春晚小品-历...</a> <a class="btn btn-default" href="/article/jnjiji" title="[转载]中國古陶瓷精品欣賞">[转载]中國古陶瓷精品欣賞</a> <a class="btn btn-default" href="/article/jnjijj" title="摄影实战:街拍练习,从阿猫阿狗开始">摄影实战:街拍练习,从阿猫阿狗开始</a> <a class="btn btn-default" href="/article/jnjijk" title="打死也要收藏的精彩美图!">打死也要收藏的精彩美图!</a> <a class="btn btn-default" href="/article/jnjijl" title="用药不慎可致月经紊乱 女性紧急避孕7项注意">用药不慎可致月经紊乱 女性紧急避孕7项注意</a> <a class="btn btn-default" href="/article/jnjijm" title="应对高油价 四种新奇时髦节油方式介绍">应对高油价 四种新奇时髦节油方式介绍</a> <a class="btn btn-default" href="/article/jnjijn" title="放下 不争 人生至境.">放下 不争 人生至境.</a> <a class="btn btn-default" href="/article/jnjijo" title="杭州湾上第二座跨海大桥建设过半">杭州湾上第二座跨海大桥建设过半</a> <a class="btn btn-default" href="/article/jnjijp" title="元帅冤死之谜——希特勒针对苏联红军的“斩首行动”">元帅冤死之谜——希特勒针对苏联红军的“斩首行动”</a> <a class="btn btn-default" href="/article/jnjijq" title="气质的培养">气质的培养</a> <a class="btn btn-default" href="/article/jnjijr" title="一缕阳光">一缕阳光</a> <a class="btn btn-default" href="/article/jnjijs" title="中共中央政治局召开会议 研究部署农村扶贫开发工作">中共中央政治局召开会议 研究部署农村扶贫开发工作</a> <a class="btn btn-default" href="/article/jnjijt" title="领略毛泽东的经典比喻">领略毛泽东的经典比喻</a> <a class="btn btn-default" href="/article/jnjiju" title="这样的女人更可爱">这样的女人更可爱</a> <a class="btn btn-default" href="/article/jnjijv" title="纸上谈影:旅途中,如何在糟糕天气拍出不糟糕的片子">纸上谈影:旅途中,如何在糟糕天气拍出不糟糕的片子</a> <a class="btn btn-default" href="/article/jnjijw" title="问世间情为何物">问世间情为何物</a> <a class="btn btn-default" href="/article/jnjijx" title="吃素的摇滚青年">吃素的摇滚青年</a> <a class="btn btn-default" href="/article/jnjijy" title="军史上的奇怪职务">军史上的奇怪职务</a> <a class="btn btn-default" href="/article/jnjijz" title="令人不寒而栗的戒烟广告">令人不寒而栗的戒烟广告</a> <a class="btn btn-default" href="/article/jnjika" title="“领驾照捐器官”在中国可行吗？">“领驾照捐器官”在中国可行吗？</a> <a class="btn btn-default" href="/article/jnjikb" title="zhuan“不用花生”年产花生油千万斤">zhuan“不用花生”年产花生油千万斤</a> <a class="btn btn-default" href="/article/jnjikc" title="心里想谁就是谁【特效音画】">心里想谁就是谁【特效音画】</a> <a class="btn btn-default" href="/article/jnjikd" title="身心对应表—身相,心相与心药">身心对应表—身相,心相与心药</a> <a class="btn btn-default" href="/article/jnjike" title="中国最高级别反恐部队：武警特警学院一">中国最高级别反恐部队：武警特警学院一</a> <a class="btn btn-default" href="/article/jnjikf" title="树与花の物语—《旅游世界·家庭旅游》">树与花の物语—《旅游世界·家庭旅游》</a> <a class="btn btn-default" href="/article/jnjikg" title="二战中德军在海上的闪电战">二战中德军在海上的闪电战</a> <a class="btn btn-default" href="/article/jnjikh" title="手指养生秘诀 1">手指养生秘诀 1</a> <a class="btn btn-default" href="/article/jnjiki" title="历史上美苏领导人精彩斗嘴">历史上美苏领导人精彩斗嘴</a> </div> </div></div> <div class="copy-right"> <p>九乡新闻网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> <div class="copy-right"> <div class="container"> <div class="col-md-12"> <a href="https://www.q-5.net/" target="_blank">最新新闻</a> <a href="https://www.wacths.com/" target="_blank">沃茨手表网</a> <a href="https://www.csdndoc.com/" target="_blank">CSDN程序文档</a> <a href="https://www.cmjoy.com/" target="_blank">上海旅游网</a> <a href="https://www.smbaike.com/" target="_blank">神马百科</a> <a href="https://www.familylifemag.com/" target="_blank">程序博客</a> <a href="https://www.xjpta.cn/" target="_blank">香蕉皮作业帮</a> <a href="https://www.cidugushi.com/" target="_blank">景德镇新闻网</a> <a href="https://www.uyuyao.com/" target="_blank">余姚信息网</a> <a href="https://www.zuoyewang.cc/" target="_blank">作业帮作业网</a> <a href="https://www.wenda8.com/" target="_blank">互助问答吧</a> <a href="https://www.16lo.com/" target="_blank">16楼社区</a> <a href="https://www.zyebang.com/">解题作业帮</a><a href="https://www.6210k.com/">艺术百科</a><a href="http://www.ld5.top/">亮点网</a><a href="http://www.smbaike.com/">神马百科</a> <a href="https://www.smwenxue.com/">神马文学网</a> <a href="https://www.zuoye5.com/">拍题作业网</a> <a href="https://www.uczhidao.com/">UC知道</a> <a href="https://www.52sanwen.top/">我爱散文网</a> <a href="https://www.bfwang.top/">北方网</a> <a href="https://www.kexue5.top/">科学网</a> <a href="https://www.wenku1.top/">第一文库网</a> <a href="https://www.wszyw.top/">微思作业网</a> <a href="https://www.wz51.top/">我要文章网</a> <a href="https://www.dsp33.cn/">都市新闻网</a><a href="https://www.xofi.com.cn/">西欧教育</a><a href="https://www.xs2xf.cn/">西山新闻网</a><a href="https://www.holoes.com.cn/">好楼房产信息网</a> <a href="https://www.9x1x.cn/">九乡新闻网</a><a href="https://www.vnql.com.cn/">农企信息网</a><a href="https://www.xnvm.com.cn/">仙女们写真照片</a><a href="https://www.lumta.com.cn/">音乐简谱网</a><a href="https://www.miliya.com.cn/">米粒芽</a><a href="https://www.xuexiaodaquan.net/">学校大全网</a><a href="https://www.wz95.cn/">95后网站</a><a href="https://www.ranatlanta.cn/">汝南网</a><a href="https://www.opuo.com.cn/">欧普网</a><a href="https://www.7c4.com.cn/">宝宝故事网</a> <a href="https://www.pp6a.cn/">神马品牌网</a> <a href="https://www.hzxzt.com.cn/">杭州交通信息网/"></a> <a href="https://www.hzsgz.com.cn/">杭州市高中教育平台</a> <a href="https://www.crrcn.cn/">查人人中国名人网</a> <a href="https://www.amzr.com.cn/">爱美之人</a> <a href="https://www.scmpx.com.cn/">上车买票</a> <a href="https://www.azxt.com.cn/">安卓系统之家</a> <a href="https://www.520sdw.cn/">中科新闻网</a> <a href="https://www.218zy.cn/">科学院研究所</a> <a href="https://www.ekowh.cn/">高考快车</a> <a href="https://www.520gsw.cn/">高考志愿帮</a> <a href="https://www.madbar.cn/">大学志愿大全</a> <a href="https://www.oisogo.cn/">高校问答</a> <a href="https://www.togowu.cn/">高考问答</a> <a href="https://www.mdeusa.cn/">中考百科</a> <a href="https://www.520bzw.cn/">大学知道</a> <a href="https://www.9uwang.cn/">久游网</a> </div></div></div> </body> </html>