:表示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表示英文单词之间的间距。</p><p>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>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/1424344.html" target="_blank">HTML5基本标签</a></li>
<li><a href="/doc/1e11260333.html" target="_blank">HTML5常用标签大全</a></li>
<li><a href="/doc/1b11311734.html" target="_blank">1、HTML基本标签实验报告</a></li>
<li><a href="/doc/1415084151.html" target="_blank">HTML标记大全参考手册</a></li>
<li><a href="/doc/2f15493001.html" target="_blank">html基本标签元素</a></li>
<li><a href="/doc/2916201212.html" target="_blank">HTML基础知识</a></li>
<li><a href="/doc/3c7150405.html" target="_blank">html5常用标签及注释</a></li>
<li><a href="/doc/3312495189.html" target="_blank">HTML常用标签及属性</a></li>
<li><a href="/doc/4d291731.html" target="_blank">html标签ppt</a></li>
<li><a href="/doc/549986540.html" target="_blank">01-HTML基本结构及常用标签</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "34fa7dcf00768e9951e79b89680203d8cf2f6ae2";
var docId = '34fa7dcf00768e9951e79b89680203d8cf2f6ae2';
var totalPage = 10;
const ext = 'doc';
const pageNum = '10';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html> 
