:表示html文件的起始和终止，标签在首行，标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。
:表示网页的头部标签，用来定义文件的头部信息，与标签一样，也是成对使用。
:表示出文件主体区，之间是网页的主题内容和其他用于控制文本显示方式的标签。
:网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。</p><p><hr>:用于显示水平线，使页面看起来更整齐明了。</p><p><pre>:将内容以原始格式显示。</p><p><address>:标注联络人姓名、电话、地址等信息。</p><p><blockquote>:区段引用标签。</p><p><!————>:注释标签，使用注释标签的目的是为网页代码中不同部分加上说明，方便日后的修改。注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。</p><p><p>:文本段落，可以用align属性设置left、center、right 3种对齐方式。</p><p><br/>:强制换行，没有结束标签，在网页中产生换行效果。</p><p><center>:使文字或其他网页元素居中显示。</p><p><marquee>:文本或图片移动显示，属性direction用来指示移动方向。</p><p><dl>、<dt>、<dd>:<dl></dl>标签创建无序列表，<dt></dt>定义上层项目，<dd>、</dd>定义下层项目，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。</p><p><ul>、<ol>、<li>:<ol></ol>标签创建有序列表，<ul></ul>标签创建无序列表，<li>、</li>定义下层项目，<li>、</li>标签一定要放在<ol></ol>或<ul></ul>标签中才能使用。</p><p><dir>:目录式列表。</p><p><menu>:菜单式列表。</p><p><hi>:i=1,2,......,6,网页中文本标题，<h1></h1>显示最大的字号，<h6></h6>显示最小的字号。</p><p><b>:粗字体。</p><p><i>:斜字体。</p><p><font>:改变字体设置，有face、size、color3个属性来控制，face设置字体，size设置字号，color设置颜色。</p><p><big>:加大字号。</p><p><small>:缩小字号。</p><p><em>:斜体标签。</p><p><a>:建立超链接，有href、target、name等重要属性，其中href属性为<a>标签必须具备的属性。</p><p>●href属性。设置目标页面的链接地址，可以是绝对地址也可以是相对地址，如果为“#”</p><p>表示空链接。</p><p>●target属性。设置超链接的打开方式，共5种：_blank指在新窗口中打开，_parent指</p><p>在上一级窗口中打开，_self指在同一窗口打开，_top指在浏览器的整个窗口中打开，new指在新窗口中打开。</p><p>●name属性。创建一个命名锚记，使用命名锚记后，会让链接直接跳转到一个页面的某</p><p>一部分。</p><p><img>:图像标签，用于网页中插入图像。<img>标签拥有以下属性。</p><p>●src属性。该属性为<img>标签必须具备的属性，指存放图片的具体路径。</p><p>●width属性。图像的宽度。</p><p>●height属性。图像的高度。</p><p>●alt属性。图像的注释，也就是代替文字。</p><p>●align属性。图像的对齐属性，值baseline为基线对齐，值top为顶端对齐，值middle</p><p>为居中，值bottom为底端对齐，值texttop为文本上方对齐，值absmiddle为绝对居中，值absbottom为绝对底端对齐，值left为左，值right为右。</p><p>●border属性。图像的边框的宽度，值大于或等于0，以像素（px）为单位。</p><p>●vspace属性。图像的垂直边距，图像与页面或文本之间的垂直边距。</p><p>●hspace属性。图像的水平边距。</p><p><table>:定义表格区域。</p><p><caption>:定义表格标题。</p><p><th>:定义表格头部。</p><p><tr>:定义表格行。</p><p><td>:定义单元格。</p><p><div>:区域标签（又称容器标签），用来作为多种HTML标签的组合的容器，对该区域块进行操作和设置，就可以完成对区域块中元素的操作和设置，Div能让网页代码具有很高的可扩展性。</p><p><span>:文字图片等简短内容的容器，其意义有点类似Div，但是和Div不一样的是，span是文本级元素，默认不会占整行，可以在一行显示多个span。span常在段落、列表条目等项目中使用，该标签不能嵌套在其他的封闭级元素中。</p><p>p{text-indent:2em;}表示首行缩进两字符。</p><p>line-height表示行间距，p{line-height:2em;}表示行间距（行高）为两字符。</p><p>letter-spacing表示字母与字母之间的间距，word-spacing表示英文单词之间的间距。text-align:center；表示居中对齐，text-align:left;表示居左对齐，text-align:right;表示居右对齐。</p><p>在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。</p><p>常用的块状元素有：</p><p><div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有：</p><p><a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code></p><p>常用的内联块状元素有：</p><p><img>、<input></p><p>在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li></p><p>就是将元素显示为块级元素。将内联元素a转换为块状元素表示为</p><p>块级元素特点：</p><p>1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）</p><p>2、元素的高度、宽度、行高以及顶和底边距都可设置。</p><p>3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。</p><p>在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）。块状元素内联元素。如：</p><p>div{ display:inline;内联元素，从而使 div 元素具有内联元素特点。</p><p>内联元素特点：</p><p>1、和其他元素都在一行上；</p><p>2、元素的高度、宽度及顶部和底部边距不可设置；</p><p>3、元素的宽度就是它包含的文字或图片的宽度，不可改变。</p><p>内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码</p><p>(css2.1新增)，<img>、<input>标签就是这种内联块状标签。</p><p>内联块状元素特点：</p><p>1、和其他元素都在一行上；</p><p>2、元素的高度、宽度、行高以及顶和底边距都可设置。</p><p>border-style（边框样式）常见样式有：dashed（虚线）| dotted（点线）| solid（实线）。</p><p>border-color（边框颜色）中的颜色可设置为十六进制颜色，如</p><p>border-width（边框宽度）中的宽度也可以设置为：thin | medium | thick（但不是很常用），最常还是用象素（px）。</p><p>只设置下（上、右、左）边框的设置：</p> </div>
</div>
</div>
</div>
</div>
<!-- 推荐文章 -->
<!-- 相关主题 -->
<div class="theme-list">
<div class="theme-pd content-hg-pd">
<div class="header">
<div class="title">
<h3>相关主题</h3>
<i class="bg bg-4"></i>
</div>
</div>
<div class="container">
<ul>
<li class="topic">
<a href="/topic/2098490/" target="_blank">html基本标记</a>
</li>
<li class="topic">
<a href="/topic/17101449/" target="_blank">html基本标签</a>
</li>
<li class="topic">
<a href="/topic/21406847/" target="_blank">html的基本标签含义</a>
</li>
</ul>
</div>
</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-ppt"></i>
<div class="cont-rg flex-column">
<a href="/doc/1e24344.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-txt"></i>
<div class="cont-rg flex-column">
<a href="/doc/1611260333.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-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/1c11311734.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>页数: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/1a15084151.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>页数:11</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/2d15493001.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/2216201212.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-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-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-pptx"></i>
<div class="cont-rg flex-column">
<a href="/doc/4d291731.html" target="_blank" title="html标签ppt"
class="ul-doc-a text-overflow-clamp">html标签ppt</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-pdf"></i>
<div class="cont-rg flex-column">
<a href="/doc/5a9986540.html" target="_blank" title="01-HTML基本结构及常用标签"
class="ul-doc-a text-overflow-clamp">01-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/061000073.html" target="_blank"
class="new-li-a text-overflow">饭店包间名字大全</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0410001030.html" target="_blank"
class="new-li-a text-overflow">word无法创建工作文件,请检查临时环境变量</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0910001458.html" target="_blank"
class="new-li-a text-overflow">自行车健身比赛开幕式讲话词</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0a10001469.html" target="_blank"
class="new-li-a text-overflow">2018乡村医生个人工作总结</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0110002558.html" target="_blank"
class="new-li-a text-overflow">MySQL测试题 SQL</a>
</li>
<li class="new-down-li">
<i class="icon-ppt"></i>
<a href="/doc/0210002568.html" target="_blank"
class="new-li-a text-overflow">合勤NXC5200</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0010004833.html" target="_blank"
class="new-li-a text-overflow">铁路集中箱空箱调度优化建模案例(案例2)</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0f1000530.html" target="_blank"
class="new-li-a text-overflow">微分几何教学大纲-复旦大学数学科学学院</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/011000596.html" target="_blank"
class="new-li-a text-overflow">人教版九年级数学上册导学案：24.1.1_圆【精品】</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0d10006773.html" target="_blank"
class="new-li-a text-overflow">(整容后办护照用)医院整容证明</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
var sid = 1;
var did = "dd1592747";
var docId = 'd152cd794a73f242336c1eb91a37f111f1850dd0';
var totalPage = 21;
var ext = 'docx';
var pageNum = '21';
</script>
<script src="https://assets.doczj.com/pc/js/render.js"></script>
<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="https://assets.doczj.com/pc/icon/icon-logo1.png" title="文档之家" />
<p>文档之家</p>
</a>
</div>
<div class="ft-info">
<nav class="footer-nav">
<ul>
<li><strong class="ft-block" 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" 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" 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" 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">
<img src="https://assets.doczj.com/pc/images/weixin.jpg" />
<h3>微信客服</h3>
</div>
</div>
</div>
</div>
<div class="ft-box">
<div class="ft-text">
<p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a> 文档之家 版权所有 - ©2024</p>
</div>
</div>
</footer>
<script text="text/javascript" src="https://assets.doczj.com/pc/js/index.js"></script>
</body>
</html>
