HTML 区块
HTML 常用代码大全
H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> （放在档案的开头与结尾）2.文件主题 <TITLE></TITLE> （必须放在「文头」区块内）3.文头 <HEAD></HEAD> （描述性资料，像是「主题」）4.文体 <BODY></BODY> （文件本体）5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）8.强调 <EM></EM> （通常会以斜体显示）9.特别强调 <STRONG></STRONG> （通常会以加粗显示）10 引文 <CITE></CITE> （通常会以斜体显示）11 码 <CODE></CODE> （显示原始码之用）12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> （文字与图片都可以）16 基本字体大小 <BASEFONT SIZE=> （从 1 到 7; 内定为 3）17 说明 <!—说明内容 --> （浏览器不会显示）18 贴图：<img src="图片地址">19 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯)：<marquee>写上你想写的字</marquee>22 字体加粗：<b>写上你想写的字</b>23 字体斜体：<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大，h5 最小)28 更改字体颜色：<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行：<br>33 段落：<p>段落</p> 34 原始文字样式：<pre>正文</pre>35 换帖子背景：<body background="背景图片地址">36 固定帖子背景不随滚动条滚动：<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色：<body bgcolor="#value">(value 值见 10)38 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>39 贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:＜font size="2"＞这里放要处理的文字，可用 3、4、5 等设置大小＜/font＞41 字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成 blue,yellow 等＜/font＞，也可以使用十六进制数字表示如#D5A9C442 文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞43 背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound ＞44 图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞45 浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞这只是文章的一部分，想要了解更多，请到本网站来找您需要的信息{。
htol 标准
htol 标准近年来，HTML语言已成为互联网世界中不可或缺的一部分，而其中一个重要的方面就是htol标准。
htol标准是一组HTML标签，它们可以将纯文本转换为HTML格式，实现文本和图像混合排版，增强网页的表现力和可读性。
本文将围绕htol标准进行详细讲解。
一、HTMl标签的分类在了解htol标准之前，我们需要知道HTML标签的基本分类。
HTML标签大体上可以分为块级元素和内联元素两类。
块级元素（Block-level elements）是独立的元素，它们会出现在新的一行，并且能设置宽度、高度、外边距和内边距等属性，例如<div>、<h1>、<p>等。
内联元素（Inline elements）则是将元素嵌套在其他元素中进行排版，它们没有宽度和高度，不能设置外边距和内边距，例如<a>、<img>、<span>等。
二、HTMl标签的应用若想要实现网页的良好表现效果，则需要使用HTMl标签进行编写。
常见的HTML标签有：<html>、<head>、<title>、<body>等。
在我们编写网页时，可以使用一些常见的HTMl标签，如<h1>、<p>、<img>等标签，也可以根据需要自定义标签。
以<h1>标签为例，它是HTML中的标题标签，可以将页面中的文本设置为一级标题，用法如下：<h1>标题内容</h1><h1>标签还可用于SEO优化，因为搜索引擎会将标题内容作为页面的重要关键字进行识别。
而<p>标签是HTML中的段落标签，表示一段文本内容，可以用来分隔文章段落，用法如下：<p>段落内容</p>此外，<img>标签是HTML中的图像标签，可以将指定路径下的图片插入到网页中，用法如下：<img src="图片路径" />三、HTMl标签的嵌套使用在编写HTML代码时，我们还需要注意标签的层次结构和嵌套关系。
HTML代码是什么
HTML代码是什么HTML代码是什么html是什么，HTML代码是什么？下面yjbys店铺为大家分享html的概念及代码属性，希望对大家学习html代码有帮助！什么是html通俗解答：html是hypertext markup language的缩写，即超文本标记语言。
html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。
html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——html 结构了解。
html文本是由 html命令组成的描述性文本，html 命令可以说明文字、图形、动画、声音、表格、链接等。
html网页结构包括头部 (head)、主体(body) 两大部分。
头部描述浏览器所需的信息，主体包含所要说明的具体内容。
html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页，早期的网页都是直接用html代码编写的，不过现在有很多智能化的网页制作软件(常用的如frontpage，dream weaver等)通常不需要人工去写代码，而是由这些软件自动生成的。
尽管不需要自己写代买，但了解html代码仍然非常重要，了解认识html是什么?是学习网络营销与电子商务的`重要技术基础知识。
自己动手建一个非常简单的网页，首先设置电脑显示扩展名方法，打开我的电脑，然后现在栏目工具-》文件夹选项-》查看-》高级设置中找到《隐藏已知文件类型的扩展名》将其不勾选，然后点击运用确认设置完成。
实现建立一个新的文本文件，在桌面新建一个txt文档(记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存)在文档里些一些文字，然后将此文件命名为“xxxx.html”。
(随便你起一个什么名字,扩展名也可是HTM)。
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。
HTML标签简写及全称大全
HTML标签简写及全称⼤全常⽤HTML标签的英⽂全称及简单描述HTML标签英⽂全称中⽂释义a Anchor锚abbr Abbreviation缩写词acronym Acronym取⾸字母的缩写词address Address地址alt alter替⽤(⼀般是图⽚显⽰不出的提⽰)b Bold粗体（⽂本）bdo Direction of Text Display⽂本显⽰⽅向big Big变⼤（⽂本）blockquote Block Quotation区块引⽤语br Break换⾏cell cell巢cellpadding cellpadding巢补⽩cellspacing cellspacing巢空间center Centered居中（⽂本）cite Citation引⽤code Code源代码（⽂本）dd Definition Description定义描述del Deleted删除（的⽂本）dfn Defines a Definition Term定义定义条⽬div Division分隔dl Definition List定义列表dt Definition Term定义术语em Emphasized加重（⽂本）font Font字体h1~h6Header 1 to Header 6标题1到标题6hr Horizontal Rule⽔平尺href hypertext reference超⽂本引⽤i Italic斜体（⽂本）iframe Inline frame定义内联框架ins Inserted插⼊（的⽂本）kbd Keyboard键盘（⽂本）li List Item列表项⽬nl navigation lists导航列表ol Ordered List排序列表optgroup Option group定义选项组p Paragraph段落pre Preformatted预定义格式（⽂本）q Quotation引⽤语rel Reload加载s/ strike Strikethrough删除线samp Sample⽰例（⽂本small Small变⼩（⽂本）span Span范围src Source源⽂件链接strong Strong加重（⽂本）sub Subscripted下标（⽂本）sup Superscripted上标（⽂本）td table data cell表格中的⼀个单元格th table header cell表格中的表头tr table row表格中的⼀⾏tt Teletype打印机（⽂本）u Underlined下划线（⽂本）ul Unordered List不排序列表var Variable变量（⽂本）。
html基础代码[整理版]
![html基础代码[整理版]](https://img.taocdn.com/s3/m/63971d55e418964bcf84b9d528ea81c758f52edc.png)
html基本代码size粗细color颜色width宽度height高度<br>换行<P></P>段落align左右对齐方式valign上下对齐方式<hr>水平线段(size粗细color颜色水平线的宽度width 水平线的长度用占屏幕宽度的百分比或象素值来表示align 水平线的对齐方式，有left right center三种noshade 线段无阴影属性，为实心线段)文字<font 属性></font>{(属性:SIZE=取值1-7 face=字体)(粗体<B></B>.斜体<I></I>.加下划线<U></U>.中间线<S></S>字体上一点<sup></sup> 字体下一点<sub></sub>打字机字体<TT></TT>.大型字体<BIG></BIG>.小型字体<SMALL></SMALL>.闪烁效果<blink></blink>.强调<em></em>.特别强调<strong></strong>.引证举例<cite></cite>)(字体:Script . Small Fonts . Roman . Comic Sans MS . Arial . Modern . MS Sans Serif)文字移动<marquee>内容</marquee>方向：<marquee direction=>内容</marquee> (属性:左left右right)方式：<marquee bihavior=>内容</marquee> (属性:一圈一圈绕着scroll走一次slide来回走alternate)速度: <marquee scrollamount=>内容</marquee>延时: <marquee scrolldelay=>内容</marquee>向上: <marquee direction=up scrollamount=3><center><font color=颜色size=大小face=字体>内容</font></marquee>向下:<marquee direction=down scrollamount=3><center><font color=颜色size=大小face=字体>内容</font></marquee>底色: <marquee bgcolor=颜色>内容</marquee> (属性:width宽度height高度)-----------------------------------------------------------------------------位置控制<div align=属性></div>(属性=left左对齐缺省值center 居中right右对齐)-----------------------------------------------------------------------------无序号列表<ul></ul>条目前加<li>序号列表<ol></ol>条目前加<li>(<li type=实圆disc 空圆circle 实方square>定义性列表<dl></dl>(<dt>主要<dd>叙述主要的定义)-----------------------------------------------表格的基本结构<table>...</table> 定义表格(属性width= height= border= CELLSPACING=格线间CELLPADDING=格线内背景色彩bgcolor=)<caption>...</caption> 定义标题(属性top上方.bottom下方)<tr> 定义表行(横跨colspan=几格.竖跨rowspan=几格背景颜色bgcol or=)<th></th> 定义表头(属性:背景颜色bgcolor=)<td></td> 定义表元(表格的具体数据.属性align左右对齐方式valign上下对齐方式top上middle中bottom下baseline基线属性:背景颜色bgcolor=)(背景颜色:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Y ellow, Aqua)--------------超级链接文字连接<a href=资源地址>链接文字</a>图片连接<a href=资源地址><img src=图形文件地址></a>-------------------------------------------图形格式<img src=图形文件地址>(属性：width= heigth=)--------------------------------------------播放音乐/视频<embed src=音乐文件地址>(属性:循环开/关loop=true/false 隐藏控制面板hidden=true/false width= heigth=)背景音乐<bgsound src=音乐文件地址>(属性:循环开/关LOOP=TRUE/FALSE)视频<img src=1 dynsrc=2>(1指图片地址.2指视频地址.总是循环loop=infinite)(注:这个命令可以在没连接到视频时,先显示图片)HTMLHTML（HyperT ext Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
html教程菜鸟教程
html教程菜鸟教程HTML教程——了解HTML的基础知识与技巧HTML是一种标记语言，用于创建网页。
它是Web开发的基础，可以用来描述网页的结构和内容。
在本教程中，我们将介绍HTML的基础知识和常用标记，帮助您快速入门。
第一步：创建HTML文档在开始编写HTML代码之前，我们需要创建一个HTML文档。
HTML文档的文件扩展名通常为".html"。
使用文本编辑器（如记事本）创建一个新文件，并将其保存为"index.html"（或任何你喜欢的名称）。
第二步：添加HTML标记在HTML文档中，我们可以使用不同的HTML标记来创建不同的元素。
这些标记通常由尖括号包围。
下面是一些常用的HTML标记：- `<html>`：定义HTML文档的根元素。
- `<head>`：定义文档的头部，包含了一些元数据，如标题、样式表等。
- `<body>`：定义文档的主体，包含了网页的实际内容。
第三步：使用HTML标记创建网页内容在`<body>`标记中，我们可以使用HTML标记来创建网页的内容。
以下是一些常用的HTML标记：- `<h1>`到`<h6>`：定义标题，其中`<h1>`是最高级的标题，`<h6>`是最低级的标题。
- `<p>`：定义段落。
- `<a>`：定义链接，可以用来跳转到其他页面。
- `<img>`：定义图像，可以在网页中显示图片。
第四步：保存并查看网页完成了HTML代码的编写后，保存文件并使用Web浏览器打开。
在浏览器中，通过打开"index.html"文件来查看您的网页。
如果一切正常，您应该能够看到您创建的网页。
总结这是一个简单的HTML教程，介绍了如何创建HTML文档、添加HTML标记和创建网页内容。
通过学习以上基础知识，您可以开始编写自己的网页，并逐渐掌握更多高级的HTML技巧。
HTML5元素分类
HTML5元素分类HTML5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先级定义为结构性属性、级块性元素、⾏内语义性元素和交互性元素4⼤类。
1.结构性元素结构性元素主要负责web上下⽂结构的定义section：在web页⾯应⽤中，该元素也可以⽤于区域的章节描述。
header：页⾯主体上的头部，header元素往往在⼀对body元素中。
footer：页⾯的底部（页脚），通常会标出⽹站的相关信息。
nav：专门⽤于菜单导航、链接导航的元素，是navigator的缩写。
article：⽤于表现⼀篇⽂章的主体内容，⼀般为⽂字集中显⽰的区域。
2.级块性元素级块性元素主要完成web页⾯区域的划分，确保内容的有效分割。
aside：⽤于表达注记、贴⼠、侧栏、摘要、插⼊的引⽤等作为补充主体的内容。
figure：是对多个元素进⾏组合并展⽰的元素，通常与ficaption联合使⽤。
code：表⽰⼀段代码块。
dialog：⽤于表达⼈与⼈之间的对话，该元素包含dt和dd这两个组合元素，dt⽤于表⽰说话者，⽽dd⽤来表⽰说话内容。
3.⾏内语义性元素⾏内语义性元素主要完成web页⾯具体内容的引⽤和描述，是丰富内容展⽰的基础。
meter：表⽰特定范围内的数值，可⽤于⼯资、数量、百分⽐等。
time：表⽰时间值。
progress：⽤来表⽰进度条，可通过对其max、min、step等属性进⾏控制，完成对进度的表⽰和监事。
video：视频元素，⽤于⽀持和实现视频⽂件的直接播放，⽀持缓冲预载和多种视频媒体格式。
audio：⾳频元素，⽤于⽀持和实现⾳频⽂件的直接播放，⽀持缓冲预载和多种⾳频媒体格式。
4.交互性元素交互性元素主要⽤于功能性的内容表达，会有⼀定的内容和数据的关联，是各种事件的基础。
details：⽤来表⽰⼀段具体的内容，但是内容默认可能不显⽰，通过某种⼿段（如单击）与legend交互才会显⽰出来。
HTML区块划分3种类型和标签嵌套规则
HTML区块划分3种类型和标签嵌套规则HTML 可以通过 <div> 和 <span> 将元素组合起来，⼤多数 HTML 元素被定义为块级元素或内联元素；块级元素在浏览器显⽰时，通常会以新⾏来开始（和结束）；实例: <h1>, <p>, <ul>, <table>HTML 内联元素：内联元素在显⽰时通常不会以新⾏开始，实例: <b>, <td>, <a>, <img>HTML <div> 元素<div> 标签可以把⽂档分割为独⽴的、不同的部分。
HTML <div> 元素是块级元素，它是可⽤于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显⽰折⾏。
如果与 CSS ⼀同使⽤，<div> 元素可⽤于对⼤的内容块设置样式属性。
<div> 元素的另⼀个常见的⽤途是⽂档布局。
它取代了使⽤表格定义布局的⽼式⽅法。
使⽤ <table> 元素进⾏⽂档布局不是表格的正确⽤法。
<table> 元素的作⽤是显⽰表格化的数据。
HTML <span> 与元素HTML <span> 元素是内联元素，可⽤作⽂本的容器<span> 元素也没有特定的含义。
当与 CSS ⼀同使⽤时，<span> 元素可⽤于为部分⽂本设置样式属性。
A.拓展：HTML⽹页基本标签的嵌套规则：1. 块元素可以嵌套⾏元素2. ⾏元素可以嵌套⾏元素3. ⾏元素不可以嵌套块元素4. ⽂字类块元素不可以嵌套块元素5. 容器类块元素可以嵌套块元素B.拓展：html中的标签元素⼤体被分为三种不同的类型：块状元素、内联元素(⼜叫⾏内元素)和内联块状元素。
HTML基础知识总结
HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性：多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类：块状元素、⾏级元素块状元素：⼀般都是新起⼀⾏，可以容纳⾏内元素和其他块级元素；⾏级元素：⼀般都是语义级别的基本元素，⼀般只能容纳⽂本或者其他⾏内元素。
块状元素和⾏内元素的区别：1 、块级元素会独占⼀⾏，其宽度⾃动填满其⽗元素宽度；⾏内元素会排列到同⼀⾏⾥，其宽度随元素的内容变化⽽变化。
2 、块级元素可以设置宽⾼；⾏内元素设置宽⾼⽆效。
3 、块级元素可以设置 margin ， padding 属性；⾏内元素的⽔平⽅向的 padding会有边距效果，但是竖直⽅向的 padding没有效果。
（此处的属性稍后介绍）属于块状元素的：标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li，⽆序列表标签 ul--li，定义描述标签 dl-dt-dd，容器标签 div：属于⾏级元素的：范围标签： span图像标签： img基本结构：常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签：⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签：图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签：<div>中间放其他标签的容器<div/>超链接和锚链接：<a><a/>属性 name：锚点 herf：⽬标（⽹页#锚点）规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格：属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签：标题和逻辑分区标签表格标题：<caption>标题⽂字<caption/>表格逻辑分区：thead tbody tfoot表单id:· 元素的唯⼀表⽰，不重复name: 表单项元素的名称，服务器获取数据通过该名称value: 表单项元素的值，服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读，⽤户只能看不能改disabled：表⽰禁⽤，该元素不能改⽽且背景是灰⾊⽂本框：密码框：单选按钮：复选框：⽂件域：⽇期-h5中的新特性：隐藏域：下拉列表框：⽂本域：按钮：提交按钮、图⽚按钮、重置按钮、普通按钮最终效果：地址栏内容：dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集：HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li ：常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。
网页设计HTML的规则代码教程(很实用)
一、HTML的简单规则1、HTML的构成要素要素以段落式形成内容。
要素则由标签表现。
开始标签结束标签要素（如要素名为H1，要素内容为“给网页插上CSS的翅膀“）属性值2、HTML的基本结构标签1、使用“head”标签设定网页1）给文本注标题制作好的标题稍微长一点没关系，关键是要写入供搜索的内容简练的标题能准确传达网站特性的内容公司名或商标名用中文表示主页名2）掌握神奇的<meta> 标签< meta > 标签是用来对文本自身进行说明的，也就是承载了文本由什么内容组成、关键词是什么、文本由谁制作、何时制作等信息。
最好将这些基本信息写入<META> 标签中，这样可以最大限度地被搜索引擎关注从而增加访问量，也可以确实地向他人告知基本信息。
提供建立网站的相关信息可使网站被搜索引擎关注设定在万维网上便于出现的中文网页文本地址变更时可及时转换画面效果。
< meta属性=“值”content=“内容”>例如：< meta HTTP-EQUIV=“项目名”content=“内容”> < meta NAME=“项目名”content=“内容”>< meta > 标签可使访问者增加< meta name =“keywords”content=“HTML、CSS、JA V ASCRIPT”>< meta name=“description”content=“可以学习关于标签的一切知识”>例如：<html><head><title> 利用META Tag </title><meta http-equiv="Keywords" content="HTML, CSS, JA V ASCRIPT, DESIGN"><meta http-equiv="Description" content="此处有与HTML, CSS, JA V ASCRIPT, DESIGN相关的一切信息。
HTML命令大全
1.结构性定义文件类型〈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〉〈/SAMP〉键盘输入〈KBD〉〈/KBD〉变数〈VAR〉〈/VAR〉定义〈DFN〉〈/DFN〉（有些浏览器不提供）地址〈ADDRESS〉〈/ADDRESS〉大字〈BIG〉〈/BIG〉小字〈SMALL〉〈/SMALL〉与外观相关的标签（作者自订的表现方式）加粗〈B〉〈/B〉斜体〈I〉〈/I〉底线〈U〉〈/U〉（尚有些浏览器不提供）删除线〈S〉〈/S〉（尚有些浏览器不提供）下标〈SUB〉〈/SUB〉上标〈SUP〉〈/SUP〉打字机体〈TT〉〈/TT〉（用单空格字型显示）预定格式〈PRE〉〈/PRE〉（保留文件中空格的大小）预定格式的宽度〈PRE WIDTH=?〉〈/PRE〉（以字元计算）向中看齐〈CENTER〉〈/CENTER〉（文字与图片都可以）闪耀〈BLINK〉〈/BLINK〉（有史以来最被嘲弄的标签）字体大小〈FONT SIZE=?〉〈/FONT〉（从1到7）改变字体大小〈FONT SIZE=+|-?〉〈/FONT〉基本字体大小〈BASEFONT SIZE=?〉（从1到7; 内定为3）字体颜色〈FONT COLOR="#$$$$$$"〉〈/FONT〉2.连结与图形连结〈A HREF="URL"〉〈/A〉连结到锚点〈A HREF="URL#***"〉〈/A〉（如果锚点在另一个档案）〈A HREF="#***"〉〈/A〉（如果锚点目前的档案）连结到目的视框〈A HREF="URL" TARGET="***"〉〈/A〉设定锚点〈A NAME="***"〉〈/A〉图形〈IMG SRC="URL"〉图形看齐方式〈IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE〉图形看齐方式〈IMG SRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM〉取代文字〈IMG SRC="URL" ALT="***"〉（如果没有办法显示图形则显示此文字）点选图〈IMG SRC="URL" ISMAP〉（需要CGI程式）N2.0 点选图〈IMG SRC="URL" USEMAP="URL"〉N2.0 地图〈MAP NAME="***"〉〈/MAP〉（描述地图）N2.0 段落〈AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF〉3.0 大小〈IMG SRC="URL" WIDTH="?" HEIGHT="?"〉（以pixels为单位）N1.0 图形边缘〈IMG SRC="URL" BORDER=?〉（以pixels为单位）N1.0 图形边缘空间〈IMG SRC="URL" HSPACE=? VSPACE=?〉（以pixels为单位）N1.0 低解析度图形〈IMG SRC="URL" LOWSRC="URL"〉N1.1 用户端拉〈META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"〉（使用端自动更新）N2.0 内嵌物件〈EMBED SRC="URL"〉（将物件插入页面）N2.0 内嵌物件大小〈EMBED SRC="URL" WIDTH="?" HEIGHT="?"〉3.分隔段落〈P〉（通常是两个return）3.0 段落〈P〉〈/P〉（新定义成容器型标签）3.0 文字看齐方式〈P ALIGN=LEFT|CENTER|RIGHT〉〈/P〉换行〈BR〉（一个return）N1.0 文字部份看齐方式〈BR CLEAR=LEFT|RIGHT|ALL〉（与图形合用时）横线〈HR〉N1.0 横线对齐〈HR ALIGN=LEFT|RIGHT|CENTER〉N1.0 横线厚度〈HR SIZE=?〉（以pixels为单位）N1.0 横线宽度〈HR WIDTH=?〉（以pixels为单位）N1.0 横线比率宽度〈HR WIDTH=%〉（以页宽为100%）N1.0 实线〈HR NOSHADE〉（没有立体效果）N1.0 不可换行〈NOBR〉〈/NOBR〉（不换行）N1.0 可换行处〈WBR〉（如果需要，可在此断行）列举（可以巢状列举）无次序式列举〈UL〉〈LI〉〈/UL〉（〈LI〉放在每一项前）N1.0 公布式列举〈UL TYPE=DISC|CIRCLE|SQUARE〉（定义全部的列举项）〈LI TYPE=DISC|CIRCLE|SQUARE〉（定义这个及其後的列举项）有次序式列举〈OL〉〈LI〉〈/OL〉（〈LI〉放在每一项前）N1.0 数标型态〈OL TYPE=A|a|I|i|1〉（定义全部的列举项）〈LI TYPE=A|a|I|i|1〉（定义这个及其後的列举项）N1.0 起始数字〈OL value=?〉（定义全部的列举项）〈LI value=?〉（定义这个及其後的列举项）定义式列举〈DL〉〈DT〉〈DD〉〈/DL〉（〈DT〉项目, 〈DD〉定义）表单式列举〈MENU〉〈LI〉〈/MENU〉（〈LI〉放在每一项前）目录式列举〈DIR〉〈LI〉〈/DIR〉（〈LI〉放在每一项前）背景与颜色3.0 重复排列的背景〈BODY BACKGROUND="URL"〉N1.1+ 背景颜色〈BODY BGCOLOR="#$$$$$$"〉（依序为红、绿、蓝）N1.1+ 文字颜色〈BODY TEXT="#$$$$$$"〉N1.1+ 连结颜色〈BODY LINK="#$$$$$$"〉N1.1+ 看过的连结〈BODY VLINK="#$$$$$$"〉N1.1 使用中的连结〈BODY ALINK="#$$$$$$"〉4.特殊字元（以下标签需用小写）特别符号&#?; （其中? 代表ISO 8859-1 的编码）〈〈〉〉& & " "注册商标TM ?N1.0+ 注册商标TM ?著作权符号?N1.0+ 著作权符号?5.表单（通常需要与CGI程式配合）定义表单〈FORM ACTION="URL" METHOD=GET|POST〉〈/FORM〉N2.0 上传档案〈FORM ENCTYPE="multipart/form-data〉〈/FORM〉输入栏位〈INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"〉栏位名称〈INPUT NAME="***"〉栏位内定值〈INPUT value="***"〉已选定〈INPUT CHECKED〉（适用於checkboxes与radio boxes）栏位宽度〈INPUT SIZE=?〉（以字元数为单位）最长字数〈INPUT MAXLENGTH=?〉（以字元数为单位）下拉式选单〈SELECT〉〈/SELECT〉下拉式选单名称〈SELECT NAME="***"〉〈/SELECT〉选单项目数量〈SELECT SIZE=?〉〈/SELECT〉多选式选单〈SELECT MULTIPLE〉（多选）选项〈OPTION〉内定选项〈OPTION SELECTED〉文字输入区〈TEXTAREA ROWS=? COLS=?〉〈/TEXTAREA〉输入区名称〈TEXTAREA NAME="***"〉〈/TEXTAREA〉N2.0 输入区换行方式〈TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL〉〈/TEXTAREA〉6.表格3.0 定义表格〈TABLE〉〈/TABLE〉3.0 表格框线〈TABLE BORDER〉〈/TABLE〉（有或没有）N1.1 表格框线〈TABLE BORDER=?〉〈/TABLE〉（可以设定数值）N1.1 储存格左右留白〈TABLE CELLSPACING=?〉N1.1 储存格上下留白〈TABLE CELLPADDING=?〉N1.1 表格宽度〈TABLE WIDTH=?〉（以pixels为单位）N1.1 宽度比率〈TABLE WIDTH=%〉（页宽为100%）3.0 表格列〈TR〉〈/TR〉3.0 表格列内容看齐〈TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉3.0 储存格〈TD〉〈/TD〉（须与列并用）3.0 储存格内容看齐〈TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉3.0 不换行〈TD NOWRAP〉N3.0 储存格背景颜色〈TD BGCOLOR=#$$$$$$〉3.0 储存格横向连接〈TD COLSPAN=?〉3.0 储存格纵向连接〈TD ROWSPAN=?〉N1.1 储存格宽度〈TD WIDTH=?〉（以pixels为单位）N1.1 储存格宽度比率〈TD WIDTH=%〉（页宽为100%）3.0 表格标题〈TH〉〈/TH〉（跟〈TD〉一样，不过会对中并加粗）3.0 表格标题对齐〈TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉3.0 表格标题不换行〈TH NOWRAP〉3.0 表格标题占几栏〈TH COLSPAN=?〉3.0 表格标题占几列〈TH ROWSPAN=?〉N1.1 表格标题宽度〈TH WIDTH=?〉（以pixels为单位）N1.1 表格标题比率宽度〈TH WIDTH=%〉（页宽为100%）3.0 表格抬头〈CAPTION〉〈/CAPTION〉3.0 表格抬头看齐〈CAPTION ALIGN=TOP|BOTTOM〉（在表格之上/之下）视框（定义与控制萤幕上的特定区域）N2.0 视框格式总定义〈FRAMESET〉〈/FRAMESET〉（取代〈BODY〉）N2.0 视框行长度分配〈FRAMESET ROWS=,,,〉〈/FRAMESET〉（pixels 或%）N2.0 视框行长度分配〈FRAMESET ROWS=*〉〈/FRAMESET〉（* = 相对大小）N2.0 视框栏宽度分配〈FRAMESET COLS=,,,〉〈/FRAMESET〉（pixels 或%）N2.0 视框栏宽度分配〈FRAMESET COLS=*〉〈/FRAMESET〉（* =相对大小）N2.0 定义个别视框〈FRAME〉（定义个别视框）N2.0 个别视框内容〈FRAME SRC="URL"〉N2.0 个别视框名称〈FRAME NAME="***"|_blank|_self|_parent|_top〉N2.0 边缘宽度〈FRAME MARGINWIDTH=?〉（「左」与「右」边界）N2.0 边缘高度〈FRAME MARGINHEIGHT=?〉（「天顶」与「地底」边界）N2.0 卷动条〈FRAME SCROLLING="YES|NO|AUTO"〉N2.0 不可改变大小〈FRAME NORESIZE〉N2.0 无视框时的内容〈NOFRAMES〉〈/NOFRAMES〉（如果浏览器不提供视框功能的话）7.杂项说明〈!-- *** --〉（浏览器不会显示）。
web前端开发中html作用
一、介绍HTMLHTML（Hyper Text Markup Language）是用来描述网页结构的标记语言。
它由一系列的元素（elements）组成，这些元素可以被用来包裹不同部分的内容，比如标题、段落、图像等。
通过使用HTML，开发者可以创建一个有层次结构、清晰明了的网页。
二、HTML的作用1. 结构化网页内容HTML的主要作用是结构化网页内容。
它可以通过标签（tag）来定义不同部分的内容，比如标题、段落、列表等。
这样一来，网页的内容就可以按照一定的结构进行展示，让用户能够更加轻松地阅读和理解网页内容。
2. 嵌入多媒体除了文本内容，HTML还可以嵌入多媒体文件，比如图像、音频和视瓶等。
通过使用对应的标签，开发者可以将这些多媒体文件直接嵌入到网页中，让页面内容更加丰富多彩。
3. 创建超信息HTML可以用来创建超信息，信息到其他网页或者页面内的不同部分。
这样一来，用户就可以方便地在不同页面和内容之间进行跳转和导航。
4. 表单与交互HTML还可以创建表单，包括文本输入框、下拉框、复选框等。
通过这些表单元素，用户可以输入信息或者进行选择，与网页进行交互。
这对于网页的功能性和用户体验有着重要的作用。
5. 语义化HTML的另一个作用是语义化，即通过合适的标签来描述页面的内容。
使用`<h1>`到`<h6>`标签来定义标题的重要程度，使用`<p>`标签来定义段落，使用`<nav>`标签来定义导航等。
这有助于搜索引擎理解和索引网页内容，也有助于网页的可访问性和可维护性。
三、HTML的发展随着Web技术的飞速发展，HTML也在不断演进。
HTML5作为最新版本的HTML，引入了许多新的特性和标签，比如音频视瓶标签、画布标签、地理位置标签等，让网页的功能和交互性更加丰富多样。
总结起来，HTML在Web前端开发中的作用十分重要。
它不仅可以用来结构化网页内容，还可以嵌入多媒体、创建超信息、实现交互功能，同时也有着语义化的作用。
HTML中常见的布局方式与应用场景
HTML中常见的布局方式与应用场景一、基本布局方式1. 流动布局（Flow Layout）流动布局是HTML页面最常用的布局方式，它根据元素在HTML文档中的出现顺序，依次从左到右，从上到下进行排列。
这种布局方式适用于简单的网页结构，不需要过多的布局调整。
应用场景：简单的网页结构，内容比较直观，不需要复杂的布局调整。
2. 表格布局（Table Layout）表格布局通过使用`<table>`、`<tr>`和`<td>`等元素来创建网页布局。
通过灵活运用表格的行（`<tr>`）和列（`<td>`），可以实现复杂的布局，并且相对容易实现。
应用场景：需要实现复杂的布局，如数据报告展示、表单输入等。
3. 浮动布局（Float Layout）浮动布局通过使用CSS的`float`属性，将元素浮动到页面的左侧或右侧，从而实现在一个容器中多个元素的横向排列。
浮动布局常与清除浮动（clear float）相结合使用，以防止布局塌陷。
应用场景：制作导航栏、图片排列、多列文本布局等。
二、高级布局方式1. 弹性盒子布局（Flexbox Layout）弹性盒子布局是一种响应式设计的布局方式，通过使用`display: flex;`来创建弹性盒子容器，并通过设置弹性盒项的属性来控制元素的布局方式、排序和对齐方式。
弹性盒子布局主要用于解决在不同屏幕尺寸下的布局需求。
应用场景：响应式网页设计、移动设备布局等。
2. 网格布局（Grid Layout）网格布局是一种相对复杂的布局方式，通过将页面划分为网格区域，从而实现对元素位置和大小的精确控制。
网格布局适用于复杂的多栏布局，并提供了丰富的网格线和单元格控制选项。
应用场景：电商网站的产品展示页面、新闻网站的多栏布局等。
3. 多列布局（Multiple Columns Layout）多列布局通过使用CSS的`column-count`和`column-width`属性，将文本或元素分为多列展示，从而实现更加美观的呈现效果。
html解析原理
html解析原理HTML（Hypertext Markup Language）是一种用于创建网页的标记语言,它包含了描述网页结构、内容和样式的标记。
HTML解析是将HTML代码转换为可视化的网页的过程。
本文将介绍HTML解析原理，以及常用的HTML解析器和它们的工作方式。
一、HTML解析原理主要包括以下几个步骤：1. 词法分析（Lexical analysis）：将HTML代码拆分为一个个标记（token），比如标签名、属性和属性值等。
2. 语法分析（Syntax analysis）：根据HTML的语法规则，将词法分析得到的标记构建成一个树状结构，也称为DOM树（Document Object Model）。
DOM树表示了HTML代码的层次结构，包含了标签、文本、属性等元素。
3. 样式计算（Style calculation）：根据CSS样式表，计算每个元素最终的样式。
这涉及到继承、层叠和优先级等CSS规则。
4. 布局（Layout）：根据DOM树和计算得到的样式，确定每个元素在页面中的位置和大小。
这个过程也称为渲染树的构建。
5. 绘制（Paint）：根据布局得到的渲染树，将每个元素绘制到屏幕上。
6. 重排与重绘（Reflow and repaint）：当页面的布局或样式改变时，浏览器需要重新计算布局和绘制，这个过程称为重排和重绘。
二、常用HTML解析器1. HTML解析器：HTML解析器是将HTML代码解析为DOM树的工具。
常见的HTML解析器有JSoup、HtmlAgilityPack等。
JSoup是一款Java库，可以用于解析、处理和操作HTML。
它提供了方便的API，可用于提取指定标签、获取属性值、修改DOM树等操作。
HtmlAgilityPack是一款针对.NET平台的HTML解析器，其功能强大且具有较高的灵活性。
它可以通过XPath选择器遍历和操作DOM 树，适用于爬虫和数据抓取等领域。
HTML标签部分（块级行级）
HTML标签部分（块级⾏级）⼀.基本块级标签1.HTML标签的分类：a.块级标签：显⽰为块状，独占⼀⾏，⾃动换⾏。
b.⾏级标签：在⼀⾏中，从左往右依次排列，不会⾃动换⾏。
2.h标签（标题标签）h标签：标题标签，显⽰为⿊体加粗标题标签，共分六种：h1~h6:h1最⼤，h6最⼩！<h1>这是h1标签</h1><h2>这是h2标签</h2><h3>这是h3标签</h3><h4>这是h4标签</h4><h5>这是h5标签</h5><h6>这是h6标签</h6>2.hr标签<!--hr标签：表⽰⼀条⽔平线--><hr />⾃闭和标签3.p标签（段落标签）p标签：表⽰段落标签。
相当于我们⽂章中的⼀段⽂字！！4.<br />换⾏符注意：在代码中，直接回车换⾏，浏览器不认识。
必须使⽤换⾏符<br />告诉浏览器这⾥要换⾏。
5.pre标签（预格式标签）pre标签会保留代码中的空格，回车等符号，直接在浏览器中显⽰。
pre标签常⽤于在⽹页中显⽰代码，保留代码格式6.blockquote（块引⽤标签）blockquote:块引⽤标签。
表明⼀段话是从其他⽹站引⽤的。
有⼀个重要属性：cite=""表⽰这段话的引⽤来源，常放⼀个⽹站地址。
但是浏览器显⽰并没有任何区别。
⼆.基于布局的块级标签1.⽆序列表有多个列表项组成，每个列表前⾯带⼩⿊点，称为⽆序列表。
⽤<ui>表⽰。
列表中的每⼀个⼩项⽤<li>表⽰。
<ul><li>这是⽆序列表第⼀项</li><li>这是⽆序列表第⼆项</li><li>这是⽆序列表第三项</li><li>这是⽆序列表第四项</li></ul>2.有序列表有序列表⽤<ol>标签，列表中的每⼀个⼩项⽤<li>表⽰。
HTML标签
水平线：
<hr/>
HTML元素
特殊符号：
空格： 大于(>)：> 小于(<): < 引号(”)：" 版权号(@) ：©
练习
<h1>北京中软国际ETC</h1> <hr/><ul><li>技术方向</li><ol> <li>Java</li><li>C/C++</li><li>.Net</li><li>3G</li> <li>物联网</li> </ol> <li>业务领域</li> <ol> <li>金融保险</li> <li>电信</li> <li>电子政策</li> <li>对日软件外包</li> <li>对欧美软件外包</li> </ol> </ul> <hr/> 版权所有 ©2000-2013 中软国际公司 隐私声明 | 联系声明
<meta name="keywords" content="团购"/> <meta name="description" content=" 品质第一"/> <title>第一个网页 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
块级元素和行内元素的区别
(3)、table-tr-td:常用于规整数据的显示场合
(4)、form-table-tr-td:常用于表单布局的场合
行级元素
行级标签也称为内联标签、行内标签。使用块级标签为页面“搭建完成组织结构”之后，往每个小区块添加内容时，就需要使用到行级标签.
行级标签:类似文本的显示方式，按“行”逐一显示，常用的行级标签有：
5).表单<form>:表示用于描述需要用户输入的页面内容。
6).分区<div>:表示用于组织小区块的内容。为了方便管理，数目众多的小区块还需要放到一个大区块中进行布局。分区标签<div>常用于页面布局时对区块的划分，它相当于一个大的容器，可以容纳无序列表、有序列表、定义列表等块级标签。同时也可以容纳段落、标题、文字、图片等内容。
标准文档流: 是指在不使用其它的排版和定位相关的特殊CSS规则时,各种元素的排列规则,换语话说CSS规定的网页元素默认的排列方式.
块级元素
从页面布局和显示外观的角度看,一个页面的布局就类似一篇报纸的排版,需要分为多个区块,大的区块再细分为小区块,块内为多行逐一排列的文字、图片、超链接等内容。这些区块一般称为块级元素，而区块内的文字、图片或超链接等一般称为行级元素。页面这种布局结构，其本质上是由各种HTML标签组织完成的。
与行级元素相比，块级元素具有如下特点：
(1)、前后换行显示，块级元素比较“霸道”，默认状态下独占一整行。
(2)、块级元素常用作容器，即可以再“容纳”其它块级元素和行级元素，而行级元素一般用于组织内容，即只能用于“容纳”文字、图片、超链接等其他行级元素。
(3)、块级元素具有一定的高度和宽度，可以通过设置块级元素的width、height属性来控制。
html中block的作用
html中block的作用
在HTML中，block元素是用来定义页面上的块级元素的。
块级元素通常会在页面中占据一整行，因此它们会自动换行，不会与其他元素并排显示。
这些元素通常用于构建页面的结构和布局。
Block元素的作用包括但不限于：
1. 定义页面结构，block元素可以用来定义页面的主要结构，如头部、导航栏、侧边栏、主体内容区域和页脚等。
2. 布局设计，block元素可以用来创建页面的布局，比如使用div元素来划分页面的不同区域，并控制它们的位置和大小。
3. 显示内容，block元素可以用来显示文本、图像、视频等内容，例如p元素用于显示段落文本，img元素用于显示图片等。
4. 定义样式，block元素可以通过CSS样式来控制其外观和布局，比如设置宽度、高度、边距、内边距、背景颜色等。
总的来说，block元素在HTML中扮演着定义页面结构和布局的
重要角色，它们可以用来组织和显示页面的内容，以及控制页面的外观和样式。
html5结构性元素简单介绍
html5结构性元素简单介绍⼀、结构性元素主要负责web上下⽂结构的定义1、<section>：区段类似于段落；在 web 页⾯应⽤中，该元素也可以⽤于区域的章节描述。
2、<header>：页⾯主体上的头部， header 元素往往在⼀对 body 元素中。
3、<footer>：页⾯的底部（页脚），通常会标出⽹站的相关信息。
4、<nav>：专门⽤于菜单导航、链接导航的元素，是 navigator 的缩写。
5、<article>：⽤于表现⼀篇⽂章的主体内容，⼀般为⽂字集中显⽰的区域。
⼆、article与section的区别：1、section和article可以互相嵌套，它们没有上下级关系，section可以包含article，article也可以包含section；2、article是⽂章，⽂章就是⼀段完整的独⽴的内容；3、section就是块，某种意义上可以理解为div，但是⽐div的意思更加明确⼀点。
三、section与div的区别：1、section和div都可以对内容进⾏分块，但是section是进⾏有意义的分块，⽆意义的分块应该由div来做，例如⽤作设置样式的页⾯容器。
2、section内部必须有标题，标题也代表了section的意义所在。
四、使⽤<section>标签需注意：1、不要将<section>当成<div>乱⽤。
2、如果<article>、<aside>或<nav>更符合状况，不要使⽤<section>。
3、尽量不要为没有标题的内容区块使⽤<section>。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML 区块
HTML <div> 和<span>
HTML 可以通过<div> 和<span> 将元素组合起来。
HTML 区块元素
大多数HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: <h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
实例: <b>, <td>, <a>, <img>
HTML <div> 元素
<div> 标签可以把文档分割为独立的、不同的部分。
HTML <div> 元素是块级元素，它是可用于组合其他HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。
它取代了使用表格定义布局的老式方法。
使用<table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示表格化
的数据。
如果要熟悉<div> 元素是如何进行文档布局的，您可以在编程测试中进行练习使用<div> 元素组合其他HTML 元素！
HTML <span> 与元素
HTML <span> 元素是内联元素，可用作文本的容器
<span> 元素也没有特定的含义。
当与CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
HTML 分组标签。