常见HTML标记速查表

格式：doc
大小：40.00 KB
文档页数：2

表 1

元素说明用法示例

</p><p><link> 在页面的<head>区域，<title>元素控制了在页面的标题栏显示的文本。<link>通常用于将一个CSS样式表链接到页面 <head> </p><p> <title>Page Title

href="MyCss.css"/>

用于辅助页面布局，
标记在一串文本中添加一个分隔线，用于表示不可分割的空格字符串；因此由一个字符分隔的两个词语(或元素)不能分别放置在两行上。

元素显示一条横跨页面的水平线 This is a string of text with a line

break and a space.

Two images sepreated by a space:

"2.gif">

元素说明用法示例

图片标记。这个标记将一个图片放置到页面上

类似段落的一块文本。使用

标记的各种属性，可以将包含在该标记元素内的文本放置在页面上的任何位置。例如，要将两个

元素并排放置，可以为其中一个元素设置float:left样式，而为另一个设置float:right样式

Left-hand

content here

style="float:right"

>Right-hand content here

用于格式化文本中的字符的标记，因此可以用标记包住一句话中的一个词语，并让该标记设置为粗体字以突出该词语

Some standard text with a

style="font-weight:bold">bold

word in the middle

元素中包含了行()和列(

)。一般用于在页面上定位其他元素，理想情况下应只用于表格式的数据。根据可访问性原则，

元素应用于定位和布局，但很多站点仍然使用表格，因为它比较容易开发

The contents of a cell

锚(anchor)元素。在页面上定义一个超链接，使得开发人员同时可以指定目标内容(在属性href中)和显示给用户的文本 Some text with a

hyperlink in it

HTML页面的两个主要部分是和。是放置元素和<link>元素(附带各种元数据)的区域。<body>包含要显示的元素 <html> </p><p> <head> </p><p><title>Page Title

Contents of page

HTML主要标签

HTML主要标签

1

HTML(HyperText Markup Language) 主要有以下标签：

全局架构标签: 、、、。

格式标签：

、
、、

、

。 
文本标签：
、
、
、
、
、
、、、、_{、^{、、、、、。 
超链接标签：。 
图像标签：、
。 
表格标签：
、、、 、
. 
框架标签：、、、<iframe>. </p><p>表单标签：<form>、<input>、<select>、<textarea>、<label>. </p><p>头元素标签: <base>、<link>、<meta>. </p><p>区域标签：<div>、<span>、<p>. </p><p>网页中所有内容都放在<html>和</html>之间。<head>标记头部信息，标签内可使用<title>、<meta>等标签。<title>标记HTML的标题，即浏览器左上的标题栏内容。<body>标记主体部分，即浏览器显示的窗口内容部分。例如： </p><p><html> </p><p> <head> </p><p><title>网页的标题 </p><p> </p><p> </p><p>网页内容 </p><p>段落内容.可以使用align属性，设置left左对齐、center居中、right右对齐</p><p>主体内容换行后继续显示的内容不自动换行的内容 </p><p></p><p>需要水平居中的内容 </p><p>需要移动的内容。方向有left、right、down、up；行为有scroll、alternate、slide。 </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/00f79633bdd126fff705cc1755270722192e59d8.webp" alt="HTML（5）常用的格式标签">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="00f79633bdd126fff705cc1755270722192e59d8" data-did="119934280">HTML（5）常用的格式标签</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>HTML（5）常⽤的格式标签</p><p>⼀、基本⽂字格式</p><p>1.标题</p><p> HTML定义</p><p>⼩。 Heading标签需要注意的是：a.浏览器会⾃动地在标题的前后添加空⾏。因为Heading标签属于块级元素，⽽在默认</p><p>情况下，HTML 会⾃动地在块级元素前后添加⼀个额外的空⾏（）。b.标题对整个页⾯来说很重要,应该将HTML heading 标签只⽤于标</p><p>题，⽽不要仅仅是为了产⽣粗体或⼤号的⽂本⽽使⽤标题。因为Heading标签对SEO是很友好的，搜索引擎使⽤标题为您的⽹页的结构和内</p><p>容编制索引，⽽且⽤户则以通过标题来快速浏览您的⽹页，所以⽤标题来呈现⽂档结构是很重要的。应该将 </p><p>的），其后是 </p><p> 1 </p><p> 2 </p><p> 3 中国⼀</p><p> 4 </p><p> 5 中国⼆</p><p> 6 </p><p> 7 中国三</p><p> 8 </p><p> 9 中国四</p><p>10 </p><p>11 中国五</p><p>12 </p><p>13 中国六</p><p> 效果如下图，字体⼤⼩由⼤到⼩：</p><p>2.换⾏、不换⾏和分段</p><p> 关于HTML中的换⾏标签和分段标签的区别是，换⾏标签只是回车，则是分段。因为</p><p>标签属于块级元素，</p><p>它的前后会有⽐较⼤的空⽩（⾃动添加），⽽标签属于⾏级元素，它只是简单的换⾏，前后没有空⽩。有⼀个与相对的标签</p><p>，它表⽰不换⾏，通常⽤于防⽌浏览器将程序代码等不需要换⾏的地⽅⾃动换⾏。</p><p> 1  </p><p> 2 </p><p> 3 这是第⼀段 </p><p> 4 ⽤到了换⾏标签</p><p> 5 请看效果</p><p> 6 很容易理解</p><p> 7 </p><p> 8 这是第⼆段</p><p> 9 </p><p>10 这是第三段</p><p>11 </p><p>12  </p><p>13 int i =0,j=10;</p><p>14 </p><p>15 </p><p>3.⽔平线标签</p><p> </p><p>height，这两个属性⼜分别有像素和百分⽐的表⽰⽅式。此外，</p><p> 1 </p><p> 2 </p><p> 3 </p><p> 4 </p><p> 5 </p><p> 6 </p><p> 7 </p><p> 8 </p><p> 9 </p><p>10 </p><p>11 </p><p>12 </p><p>13 </p><p>14 </p><p>15 </p><p>16 </p><p>17 </p><p>18 </p><p>19 </p><p>20 </p><p>21 </p><p>22 23 </p><p>24 </p><p>25 </p><p>4.⽂本格式化标签</p><p> 1 </p><p> 2 博客园居中显⽰</p><p> 3 Hello，World！粗体，推荐使⽤标签。</p><p> 4 斜了吧斜体。</p><p> 5 我是⼀个下划线标签带下划线。</p><p> 6 强调，斜体</p><p> 7 2下标，如：H2O</p><p> 8 2上标，如：102</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/e56063c482d049649b6648d7c1c708a1284a0ae3.webp" alt="常用的html标签及作用">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="e56063c482d049649b6648d7c1c708a1284a0ae3" data-did="319331082">常用的html标签及作用</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>常用的html标签及作用 </p><p>HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。在网页设计过程中，了解和掌握常用的HTML标签及其作用非常重要。下面将介绍一些常用的HTML标签及其作用。 </p><p>1. ``：定义HTML文档的根元素。 </p><p>2. ``：定义HTML文档的头部分，其中可以包含关于文档的元数据、引用的外部样式表和脚本等。 </p><p>3. `</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/cef42fef524de518964b7d3e.webp" alt="HTML重要标签总结归纳">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="cef42fef524de518964b7d3e" data-did="619160939">HTML重要标签总结归纳</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>HTML重要标签： </p><p>(1)样式/节 </p><p>① </p><p>Header 1 A paragraph. </p><p>A paragraph.</p><p>定义和用法 </p><p></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/0917702235.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>页数:39</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/085603278.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>页数:17</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/0d5865715.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>页数:13</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/0d6435282.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>页数:2</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/1d1628951.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>页数:17</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/1119350555.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/134831876.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>页数:10</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/2a18216994.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/2f9863535.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>页数:3</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/d2373362.html" target="_blank" class="new-li-a text-overflow">常见HTML标记速查表</a>
								</li>
								<li class="new-down-li">
									<i class="icon-xls"></i>
									<a href="/doc/df11086327.html" target="_blank" class="new-li-a text-overflow">新佣金单</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/d418244643.html" target="_blank" class="new-li-a text-overflow">办理涉烟非法经营案件应注意的几个问题</a>
								</li>
								<li class="new-down-li">
									<i class="icon-ppt"></i>
									<a href="/doc/d77934554.html" target="_blank" class="new-li-a text-overflow">华南理工清华版数电复习提纲和例题</a>
								</li>
								<li class="new-down-li">
									<i class="icon-pdf"></i>
									<a href="/doc/d0990404.html" target="_blank" class="new-li-a text-overflow">经济开放对中国就业的长期和短期影_省略_数据的协整与误差修正模型的再检验_毛其淋</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/df11106439.html" target="_blank" class="new-li-a text-overflow">人生如灯</a>
								</li>
								<li class="new-down-li">
									<i class="icon-pptx"></i>
									<a href="/doc/d26614131.html" target="_blank" class="new-li-a text-overflow">飞鹰艾迪</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/da9730570.html" target="_blank" class="new-li-a text-overflow">安乐死合法化一辩立论稿</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/de14779484.html" target="_blank" class="new-li-a text-overflow">(全国通用)2016高考生物二轮复习 第二单元 专题一 酶与ATP专题整合</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/df13725333.html" target="_blank" class="new-li-a text-overflow">习水110KV庙坪变电站加固工程施工组织设计</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>}}