常用HTML标识符

格式：doc
大小：123.50 KB
文档页数：5

标记类型译名或意义作用备注
文件标记
● 文件声明让浏览器知道这是 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> ● 自订标记独立使用或与样式表同用 </p><p>注： <br>• <br>红色字体为最常见HTML标记 </p><p>• <br>● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 </p><p>• <br>○ 表示该标记属空标记，即不需要关闭标记。 </p><p>• <br>IE 表示该标记只适用于 Internet Explorer。 </p><p>• <br>NC 表示该标记只适用于 Netscape Communicator。 </p><p>• <br>反对表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支持，只是 HTML 标</p><p>准中有其它同功能或更好的选择。 <br>• <br>弃用表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特性，不用担心新浏览器</p><p>不支援旧标记。 <br>• <br>新表示该标记是 HTML 4.0 中新增的。</p> </div> </div> </article> </div> </div> <div class="recommended"> <div class="theme-pd-hj"> <div class="hd-main"> <div class="hd-main-pd"> <div class="header hd-position"> <div class="title"> <h3>合集下载</h3> <i class="bg bg-4"></i> </div> </div> </div> </div> <div class="container-article"> <div class="article-ul"> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/1580a0f2ba0d4a7302763a70.webp" alt="HTML主要标签"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="1580a0f2ba0d4a7302763a70" data-did="16674978">HTML主要标签</h2> <div class="module-content-item"> <div class="item-overflow"> <p>HTML(HyperText Markup Language) 主要有以下标签：全局架构标签: <htm l>、<hea d>、<ti tle>、<body>。</p><p>格式标签：<p>、<br>、<nobr>、<bl ockquot e>、<c enter>、<mar quee>、<dl>、<dt>、<dd>、<ol>、<ul>、<li>、<pr e>。</p><p>文本标签：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<b>、<i>、<u>、<sub>、<sup>、<tt>、<c ite>、<em>、<str ong>、<f ont>。</p><p>超链接标签：<a>。</p><p>图像标签：<i mg>、<hr>。</p><p>表格标签：<table>、<t r>、<t d>、<t h>、<ca pti on>.框架标签：<fra me set>、<fra me>、<nofra me s>、<ifra me>.表单标签：<f orm>、<i nput>、<sel ect>、<te xtarea>、<la bel>.头元素标签: <ba se>、<l ink>、<meta>.区域标签：<di v>、<spa n>、<p>.网页中所有内容都放在<htm l>和</ht ml>之间。</p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/13ac8eccf80f76c66137ee06eff9aef8941e48e9.webp" alt="html代码编写"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="13ac8eccf80f76c66137ee06eff9aef8941e48e9" data-did="123145594">html代码编写</h2> <div class="module-content-item"> <div class="item-overflow"> <p>HTML代码编写1. 什么是HTML代码HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。</p><p>它使用标签和属性来描述网页的结构和内容。</p><p>通过编写HTML代码，我们可以创建网页的标题、段落、链接、图像等元素，并对它们进行样式和布局的控制。</p><p>2. HTML基本结构HTML代码由标签、元素和属性组成。</p><p>标签用于定义元素的开始和结束，元素则包含了标签所描述的内容。</p><p>HTML文档的基本结构如下：<!DOCTYPE html><html><head><title>页面标题</title></head><body></body></html>•<!DOCTYPE html>声明文档类型为HTML5，以告诉浏览器使用HTML5解析文档。</p><p>•<html>标签是HTML文档的根元素。</p><p>•<head>标签包含了文档的元数据，如标题、字符编码等。</p><p>•<title>标签定义了网页的标题，将显示在浏览器的标题栏或标签页上。</p><p>•<body>标签包含了网页的可见内容。</p><p>3. 常用HTML标签3.1 标题标签HTML提供了六个级别的标题标签，用于定义不同级别的标题。</p><p>例如：<h1>这是一级标题</h1><h2>这是二级标题</h2>...<h6>这是六级标题</h6>3.2 段落标签段落是网页中常见的文本元素，可以使用<p>标签来定义段落。</p><p>例如：<p>这是一个段落。</p><p></p>3.3 链接标签链接用于在不同网页之间进行跳转，可以使用<a>标签来创建链接。</p><p>例如：<a href="">这是一个链接</a>3.4 图像标签图像可以使用<img>标签来插入到网页中。</p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/a11cdc0cf78a6529647d53ea.webp" alt="做网页ppt"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="a11cdc0cf78a6529647d53ea" data-did="521452301">做网页ppt</h2> <div class="module-content-item"> <div class="item-overflow"> <br>2.2.7<br>更多范例<br>也许有时你希望文字内容从图片上方开始，并包围整幅图片，这时你可以在HTML网页中编写下列代码： <P>这是一只小猴子，它是不是显得很高兴，<img align=left src="/webmonkey/kids/lessons/stuff/mo nkey.gif">而且洋洋自得？他想拿这个扳手做什么呢？<br>介绍排列图片图片边界图文混排图片链接其他属性更多范例<br>2.2.1<br>介绍<br><img src="?">放置一幅图片 <img align="?">排列一幅图片<br>2.2.2<br>排列图片<br>使用排列图片标志符，我可以选择将图片放置在何处。<br>2.2.3<br>图片边界<br><img border=#>设置图片的边界大小<br>2.2.4<br>2.1.8 链接<br><a herf="?">创建链接 </a>结束链接 URL链接的形式是：协议名：//主机.域名／路径／文件名<br>2.1.9 发送邮件<br><a herf="mailto:?">创建链接 </a>结束发送邮件<br>2.2 图片处理<br><br>2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7<br>2.2.6<br>其他属性<br><img border=1 src="/images/monkey.gif" align=right alt=”猴子” width=”50” height=”50”> 其中alt是当你把鼠标放在图片上面或者图片因为网络或其他原因没有显示出来的时候会显示的文字，width、height是定制图片的显示宽度和高度。 </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/a439a09482d049649b6648d7c1c708a1284a0a68.webp" alt="html标签及属性大全（网页制作必备）"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="a439a09482d049649b6648d7c1c708a1284a0a68" data-did="519630713">html标签及属性大全（网页制作必备）</h2> <div class="module-content-item"> <div class="item-overflow"> <p>html标签及属性⼤全（⽹页制作必备）总类（所有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>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="recommended" id="downtip"> <div class="tag"> <ul class="tag-header"> <li> <a href="javascript:;" title="下载提示" data-tab-target="tip" class="" id="onTagDownload"> 下载提示 <i class="iconfont icon-you bottom"></i> </a> </li> </ul> <div class="tab-items"> <div class="tab-item tip" data-tab-item="tip"> <div class="list"> <ol> <li>1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。</li> <li>2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。</li> <li>3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。</li> </ol> </div> </div> </div> </div> </div> <div class="recommended"> <div class="article-box"> </div> </div> </div> <div class="temp-rg" id="target-element"> <div class="relevant-box temp-mg"> <div class="content" id="side-list"> <div class="header hd-bm hd-scollor"> <div class="title"> <h3>文档推荐</h3> <i class="bg bg-1"></i> </div> </div> <ul class="container-ul"> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/2c18552059.html" target="_blank" title="HTML中常用标记" class="ul-doc-a text-overflow-clamp">HTML中常用标记</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/2e3932491.html" target="_blank" title="完整HTML5常用标签大全推荐文档" class="ul-doc-a text-overflow-clamp">完整HTML5常用标签大全推荐文档</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/3c12495189.html" target="_blank" title="HTML常用标签及属性" class="ul-doc-a text-overflow-clamp">HTML常用标签及属性</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/3e7150405.html" target="_blank" title="html5常用标签及注释" class="ul-doc-a text-overflow-clamp">html5常用标签及注释</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:7</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/4d4951179.html" target="_blank" title="html标记语言常用标记大全" class="ul-doc-a text-overflow-clamp">html标记语言常用标记大全</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:6</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/4b9377878.html" target="_blank" title="常用HTML标记语言" class="ul-doc-a text-overflow-clamp">常用HTML标记语言</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:1</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pptx"></i> <div class="cont-rg flex-column"> <a href="/doc/5115267744.html" target="_blank" title="html常用标签整理归纳-非常好用" class="ul-doc-a text-overflow-clamp">html常用标签整理归纳-非常好用</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:26</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-wps"></i> <div class="cont-rg flex-column"> <a href="/doc/5e16517107.html" target="_blank" title="前端 html 标签" class="ul-doc-a text-overflow-clamp">前端 html 标签</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:6</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/5516867170.html" target="_blank" title="1、HTML基本标签实验报告" class="ul-doc-a text-overflow-clamp">1、HTML基本标签实验报告</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:5</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/671602663.html" target="_blank" title="HTML常用标签" class="ul-doc-a text-overflow-clamp">HTML常用标签</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:7</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/6117903502.html" target="_blank" title="HTML常用标记" class="ul-doc-a text-overflow-clamp">HTML常用标记</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:8</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/682699733.html" target="_blank" title="HTML5常用标签大全" class="ul-doc-a text-overflow-clamp">HTML5常用标签大全</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="relevant-box"> <div class="content"> <div class="header hd-bm"> <div class="title"> <h3>最新文档</h3> <i class="bg bg-4"></i> </div> </div> <ul class="container-ul"> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/a55074209.html" target="_blank" class="new-li-a text-overflow">常用HTML标识符</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/a519608752.html" target="_blank" class="new-li-a text-overflow">Linguistics语言</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/ac8522326.html" target="_blank" class="new-li-a text-overflow">重庆土特产之涪陵榨菜</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/a04687854.html" target="_blank" class="new-li-a text-overflow">2013年国家公务员考试轻松拿高分之行测言语理解造字法解题</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/aa19385274.html" target="_blank" class="new-li-a text-overflow">工程测量试题库(参考答案)</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/a61211150.html" target="_blank" class="new-li-a text-overflow">番禺公交路线一览表</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/aa19203172.html" target="_blank" class="new-li-a text-overflow">有机物相似相溶</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/aa8566849.html" target="_blank" class="new-li-a text-overflow">本科学生实习手册</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/a019667917.html" target="_blank" class="new-li-a text-overflow">2018-2019第一学期江苏省江阴市江阴市第一初级中学初一语文试题及答案</a> </li> <li class="new-down-li"> <i class="icon-pdf"></i> <a href="/doc/ac10377492.html" target="_blank" class="new-li-a text-overflow">浅谈小学数学教学的有效策略</a> </li> </ul> </div> </div> </div> </div> </div> </main> <div class="broadside"> <div class="user-cursor" id="toTop"> <div class="user-about" title="置顶"> <i class="iconfont icon-you bottom"></i> </div> </div> </div> <footer> <div class="container"> <div class="ft-content"> <div class="ft-logo"> <a href="/" target="_blank" title="文档之家" class="flex-column-center"> <img src="/pc/icon/icon-logo1.png" alt="文档之家"> <p>文档之家</p> </a> </div> <div class="ft-info"> <nav class="footer-nav"> <ul> <li><strong class="ft-block">关于</strong></li> <li><a href="/about/about-us.html">关于我们</a></li> <li><a href="/about/contact-us.html">联系我们</a></li> </ul> <ul> <li><strong class="ft-block">版权相关</strong></li> <li><a href="/about/copyright-statement.html">版权声明</a></li> <li><a href="/about/infringement-complaint.html">侵权投诉</a></li> <li><a href="/about/disclaimer.html">免责声明</a></li> </ul> <ul> <li><strong class="ft-block">网站声明</strong></li> <li><a href="/about/user-agreement.html">用户协议</a></li> <li><a href="/about/privacy-policy.html">隐私政策</a></li> <li><a href="/about/sitemap.html">网站地图</a></li> </ul> <ul> <li><strong class="ft-block">帮助中心</strong></li> <li><a href="/about/download-instructions.html">下载说明</a></li> <li><a href="/about/download-failure-solution.html">下载失败解决</a></li> <li><a href="/about/redownload-order.html">订单重下载</a></li> </ul> </nav> <div class="ft-side"> <h3>微信客服</h3> </div> </div> </div> </div> <div class="ft-box"> <div class="ft-text"> <p>文档之家版权所有 - ©2024</p> </div> </div> </footer> <script src="/pc/js/index.js"></script> </body> </html>