HTML基本认识
基本构成元素
- 文本：主要属性有字体、大小、颜色、底纹、边框等
- 图像：格式有 JPG、GIF和PNG等
- 超链接：从一个网站指向领一个目标端的链接，可以是网页、图片、文件、程序或者该页面的其他位置，超链接的载体可以是文本、图片或者是flash动画
- 表格：用来设计网页布局，设计各种精美的网页效果，也可以用来组织和显示数据
- 表单：主要用来收集用户信息，实现浏览者与服务器之间的信息交互
- 导航条：本质是一组超链接，方便用户访问网站内部各个栏目。可以是文字也可以是图片，还可以用flash来制作。可以显示多级菜单和下拉菜单的效果
- 其他元素：页面还可能包括GIF动画、flash动画、音频、视频、框架等
基本结构
<html>
<head>
头部信息
</head>
<body>
文件主体，正文部分
</body>
</html>
标签必须一一对应，不能穿插，嵌套时需要注意细节
基本标签
-
文件类型标签：必须放在开头和结尾，标识该文件时HTML类型文件
<html></html> -
头标签：包含文件的相关信息，一般包括标题、基底信息、元信息等。
<head> <base><!--用于设置当前文件的URL全称，被称为基底网址--> <basefont></basefont><!--设定基准文字的样式，包括文字的字体、字号、颜色等--> <title></title><!--设置页面标题，显示在浏览器的标题栏中。属于HTML的基本标签，一般情况下都会有--> <isindex></isindex><!--用于说明该文件可用于检索的网关脚本，由服务器自动建立--> <meta><!--文件的元信息标签，用于设置文件本身的一些信息，如设置关键字、页面的作者等--> <style></style><!--用于设置CSS样式表的内容--> <link><!--用于设置该文件相关的外部文件的链接--> <script></script><!--用于设置页面的脚本程序的内容、语言等--> </head> -
主体标签：这里面才是网页主要的内容，此外body标签还有很多属性，在此不一一叙述
<body></body>
页面元信息META
-
页面关键字：
<meta name = "keywords" content = "关键字" />//content属性的值为用户设置的具体关键字 -
页面的对外说明
<meta name = "description" content = "对页面的描述" />//content属性的值为用户设置的页面具体描述内容 -
网页的作者信息
<meta name = "author" content = "作者名称" />//content属性的值为用户设置的作者名称
HTML学习
网页文字和图片
文字格式
-
设置文字大小：font size
<font size = "n">n号文字大小</font>//n的有效范围时1~7 -
设置字体：font face
<font face = "字体名称">文字</font>//字体的设置和电脑安装的字体有关 -
设置字体颜色：font color
<font color = "颜色">文字</font>//这个有16种预定义的颜色 -
加粗与斜体：
<b></b>或者<strong></strong>//加粗文字 <i></i>或者<em></em>//文字倾斜 <big></big>//使字体加大 -
下划线与删除线：
<strike></strike>//可以简化为s<del></del>删除线 <u>下划线</u> <ins></ins>插入线 -
上标与下标：
<sup>作为上标的文字</sup> <sub>作为下标的文字</sub> -
等宽字：（了解）
<tt>英文文字</tt>
文字排版相关元素
-
文本缩进：
<blockquote> 这里实现了文本的缩进 </blockquote> <blockquote><blockquote> 两次文本缩进 </blockquote></blockquote> -
换行：
<br>//这个标签就是换行，使一个单标签 -
段落：
<p> 这里是一个新的段落 </p> <p> 这里又是一个新的段落 </p> -
段落居中：
<center>现在这里面的文字都是居中对齐的了</center> -
预定义格式：
<pre>设定了格式的文字</pre>//也就是说在这里面的文字你怎么敲就怎么显示，有换行就换行 -
水平分割线：
<hr align = "对齐方式" width = "宽度" size = "高度" color = "颜色" noshade> //align 属性值有：left(左对齐)、right(右对齐)、center(居中对齐) //width 属性代表宽度，有两种表示方法，一种是百分数，另一种是像素 //color 属性代表水平分割线的颜色，默认为黑色 //size 属水平分割线的高度，数字表示 //noshade 代表水平分割线不显示阴影，默认是显示的
文字闪烁
blink元素可以使网页中的文字闪烁
通常只有<blink>重要文字</blink>才会让其闪烁//IE浏览器不支持闪烁
设置网页背景颜色
body里面的bgcolor元素可以设置网页背景颜色
<body bgcolor = "颜色">这里面的背景是设定好的颜色</body>
在网页中插入图像
通过img元素来插入图片，下面是其各个属性
<img src = "">//用于指定图片所在位置
<img alt = "文本">//若图片不能正常显示时，使用该文本代替图片
<img width = "xxx">//指定图片的宽度，直接输入数字
<img height = "xxx">//指定图片的高度
<img border = "">//指定图片的边框大小，属性值越大，边框越粗
<img align = "">//设置图片的对齐方式(left, right, top, middle, bottom)左右上中下
<img name = "名称">//设置图片名称，可省略
<img id = "">//图片的编号，可省略，注意：在同一个html文件里面不能同时出现相同的id，但是可以出现相同的name
设置背景图像
在body元素的background属性可以为网页设置指定的背景图片
<body background = "图片路径">网页内容</body>
超链接
创建超链接
-
超链接标签：，是一个双标签
<a name = "名称" herf = "链接地址" title = "标题" target = "打开方式">文字</a> name 是锚点名称， title 是链接标题(鼠标悬停提示)，让浏览者看到并单击 herf 是要转到的目标地址，通常是以URL地址表示 target 是打开这个链接的方式(本页面打开，一个新页面打开)属性值有 _blank(新窗口打开)、_parent(在上一级窗口打开)、_self(当前窗口打开)、_top(在整个窗口打开) -
链接地址：链接地址可以是相对地址，也可以是绝对地址
-
打开链接的方式：4种
锚点
一种特殊的超链接形式，可以通过其方便地到达当前页面的其他位置
-
创建锚点：通过锚点名称可以标注相应的锚点，该属性是锚点必需的
-
链接到本页锚点：在herf属性中指定锚点名称，并在该名称前加上**”#“**字符
<a href = "#名称">点击这段文字跳到下面</a> <a name = "名称">就是这里</a> -
链接到其他网页的锚点：想要打开一个网页，并且显示网页的某个区域，就必须创建命名锚
<a herf = "目标地址#锚点名称" target = ""></a>//跳转到目标网页的目标锚点处，通常会设置打开链接的方式
图像的超链接
-
将整个图像设为链接：a标签中的文字换成img元素，在img元素中添加需要设置为超链接的图片即可
<a href = "目标地址" > <img src = "图像地址"> </a> -
设置图像热点区域：将图像划分为多个可单击的区域由img元素的usemap属性和map标签来创建
<img src = "URL" usemap = "#map名"> <map name = "map名"> <area shap = ""图像热点区域" coords = "热区坐标" href = "链接地址">//设置区域使用的标签<area> </map>coords(也可简写为rect)属性有：
- circle圆形，值为x，y，z (x，y为圆心坐标，z为半径)
- polygon多边形，值应该是类似x1,y1,x2,y2…的表示方法，均为顶点坐标，至少要三个顶点
- rectangle矩形，值为x1,y1,x2,y2的表示方法，x1和y2是矩形的一个角的顶点坐标，x2和y1是该角的对角的顶点坐标
音频
<audio src="音频的 URL"></audio>
视频
<video src="视频的 URL"></video>
多媒体、滚动字幕(用得少)
多媒体元素
图片、声音、动画和视频等文件都属于多媒体文件
-
插入多媒体元素：embed标签是添加多媒体元素的标签，包括声音和动画两种。在页面上添加多媒体文件同样要设置源文件，src属性必不可少。
<embed src = "源文件地址" width = "多媒体显示的宽度" height = "多媒体显示的高度"></embed> -
循环播放：loop属性控制多媒体文件的循环播放，要使文件循环播放，就需要将loop设置为true，false为播放一次后停止，如果没有添加这个属性则默认为false
<embed src = "源文件地址" width = "多媒体显示的宽度" height = "多媒体显示的高度" loop = 循环播放></embed> -
自动播放：autostart属性可以设置打开网页时背景音乐是否自动播放，属性值为true(自动播放)，false(不需要自动播放)
<embed src = "源文件地址" width = "多媒体显示的宽度" height = "多媒体显示的高度" autostart = 自动播放></embed> -
隐藏多媒体元素：hidden属性来隐藏多媒体的面板，这样在播放时只能听到声音，而看不到画面，属性值同样为true(隐藏)和false
<embed src = "源文件地址" width = "多媒体显示的宽度" height = "多媒体显示的高度" autostart = 自动播放 hidden = 隐藏值></embed>
插入背景音乐
通过bgsound元素为网页添加背景音乐，与图像标签一样，源文件地址属性src是必须的，同时也会设置音乐循环播放和自动播放，也是loop属性和autostart属性控制。
<bgsound src = "源文件地址"></bgsound>
滚动字幕
在一些时尚感要求较低的网站中，可以使用动态文字来增加页面的动感效果。
-
添加滚动字幕：通过marquee标签来设置，是一个双标签，既可以是图片也可以是文字
<marquee> 要进行滚动的文字 </marquee> -
滚动方向：使用direction属性可以调整文字的滚动方向，有四个方向，表示指向的位置
<marquee direction = "up/down/left/right"> 要进行滚动的文字 </marquee> -
滚动方式：使用behavior属性控制，主要包括循环滚动(scroll)、来回滚动(alternate)和只滚动一次就停止(slide)
<marquee behavior = "滚动方式"> 要进行滚动的文字 </marquee> -
滚动字幕背景颜色：使用bgcolor属性为滚动文字添加颜色
<marquee bgcolor = "颜色值"> 要进行滚动的文字 </marquee> -
滚动速度：scrollamount属性调整文字的滚动速度，也就是每滚动一下文字向前移动的像素数
<marquee scrollamount = "滚动速度"> 要滚动的文字 </marquee> -
滚动延迟：scrolldelay属性来控制滚动的时间间隔，即滚动一次后就停止一段时间再进行一次滚动，延迟的时间单位是毫秒(ms)
<marquee scrolldelay = "拖延时间"> 要滚动的文字 </marquee> -
滚动次数：loop属性设置文字滚动循环的次数
<marquee loop = 循环次数> 要滚动的文字 </marquee> -
滚动字幕空白空间：hspace属性和vspace属性来设置文字区域的水平空间和垂直空间，是像素值
<marquee hspace = "水平空间" vspace = "垂直空间" > 要滚动的文字 </marquee> -
设置鼠标经过效果：onmouseover属性控制鼠标指针滑过滚动字幕时停止滚动的效果，onmouseout属性用来控制鼠标指针一处滚动字幕区域时开始滚动的效果。这两个属性必须同时定义
<marquee onmouseout = "this.start()" onmouseover = "this.stop()"> 要滚动的文字 </marquee>**onmouseout = “this.start()”**用来设置鼠标指针移出该区域时继续滚动，**onmouseover = “this.stop()”**用来设置鼠标指针移入该区域时停止滚动
第二章
2.1 列表
无序列表
无序列表是不要求列表项目出现次序的列表，列表项目之间是并列关系
-
无序列表结构：ul标签开始，/ul标签结束。无序列表内的列表项用li表示
<ul> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> ... ul 标签里面只能包裹 li 标签 </ul> -
无序列表的列表项样式：type属性可以设置列表项目符号，disc为圆点符号，也是默认值，circle为空心圆点，square为方块
<ul type = "符号取值"> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> ... </ul>
有序列表
有序列表中的列表项目通常是有先后次序的并且不能随意更改
-
有序列表结构：ol标签开始，/ol标签结束，内部的列表项也使用li表示
<ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> ... ol 标签里面只能包裹 li 标签 </ol> -
有序列表的列表项样式：type属性设置，取值有：1(数字1、2、3)、a(小写字母a、b、c)、A(大写字母)、i(小写罗马数字)、I(大写罗马数字)
<ol type = "符号取值"> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> ... </ol>
定义列表
定义列表也称为字典列表，是一种包含两个层次的列表，主要用于名词解释或名词定义，dl标签表示定义列表的开始，/dl标签表示定义列表的结束，dt表示这是一个要解释的名词，dd标签表示这段文字是对前面名词的解释说明
<dl>
<dt>服务中心</dt>
<dd>申请售后</dd>
<dd>售后政策</dd>
<dt>名词2</dt>
<dd>名词解释2</dd>
......
dl 里面只能包含dt 和 dd
</dl>
嵌套列表
HTML中允许一个列表中嵌套另一个列表，每个嵌套的列表都会再次以缩进方式显示，但不建议对列表进行多次嵌套
<ol>
<li>...</li>
<ol type = 'a'>
<li>///</li>
<ul>
<li>;;;</li>
</ul>
</ol>
</ol>
目录列表(了解)
主要用于显示文件列表，因此与无序列表相比，目录列表项目中的文字数量应该比无序列表少。其实目录列表属于无序列表的一种，大多数浏览器已经不再区分这两个了
<dir type = "符号取值">
<li>列表项目1</li>
<li>列表项目2</li>
<li>列表项目3</li>
...
</dir>
菜单列表(了解)
多用于罗列菜单项目，与目录列表相似，也可以看成无序列表中的一种特殊类型，大多数浏览器已经不再区分这两个了
<menu type = "类型" compact>
<li>列表项目1</li>
<li>列表项目2</li>
<li>列表项目3</li>
...
</menu>
小结
本章主要讲解了多媒体、滚动字幕和列表。其中，多媒体讲解了如何插入多媒体元素，设置自动播放、循环播放和隐藏多媒体元素；滚动字幕讲解了如何添加滚动字幕，设置滚动方向、滚动方式、滚动速度等；列表主要讲解了无序列表和有序列表。
2.2 表格
创建表格
表格开始的标签是
是一个双标签，一个完整的表格除了表格元素之外还应该有 行元素br和 单元格元素td标签：table 嵌套 tr，tr 嵌套 td / th。
<table>
<tr>
<td>首行第一列</td>
<td>首行第二列</td>
<td>首行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</table>
表格属性
为了页面整齐，通常会为表格设置一定的属性
-
表格宽度：width属性，可以是表格的绝对宽度，单位是像素，也可以是相对宽度，即相对窗口的百分比
<table border = 2 bordercolor = "blue" width = "400px">//width是表格宽度，bordercolor是背景颜色，border是边框宽度 <tr> <td>首行第一列</td> <td>首行第二列</td> <td>首行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> </table> <p> <table border = 3 width = 80%>//此时width是相对宽度 <tr> <td>首行第一列</td> <td>首行第二列</td> <td>首行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> </table> -
表格高度：height属性可以指定表格的高度
<table height = "表格高度">//这里直接输入数字即可 <tr> <td>表格中的文字</td> </tr> </table> -
表格背景图片：background属性，可以为表格指定背景图片，若背景图片比表格小则会平铺该背景图片以充满整个表
<table background = "图像源文件地址">//这个地址最好用绝对地址 <tr> <td>表格背景图片</td> </tr> </table> -
单元格间距：cellspacing属性，可以增大或缩小单元格的间距
<table cellspacing = "间距大小">//这个是像素值 <tr> <td>表格间距</td> </tr> </table> -
表格内单元格与文字的距离：cellpadding属性，设置文字与单元格边框的距离
<table celpadding = "单元格与文字距离的值">//这里同样是像素值，默认为0像素 <tr> <td>表格的内容</td> </tr> </table>
表格边框
一般来说只要不涉及到网页排版，通常都会显示表格边框
-
边框宽度：border元素设置边框宽度，默认的边框宽度为0，即不显示表格的边框。
<table border = "表格的边框宽度">//依旧是像素值 <tr> <td>表格的内容</td> </tr> </table> -
边框颜色：bordercolor属性，默认是灰色(了解)
<table bordercolor = "边框颜色">//对单元格边框也有作用 <tr> <td>表格的内容</td> </tr> </table> -
亮边框颜色：bordercolorlight属性来设置亮边框(了解)
<table bordercolorlight = "亮边框的颜色"> <tr> <td>表格的内容</td> </tr> </table> -
暗边框的颜色：bordercolordark属性来设置暗边框(了解)
<table bordercolordark = "暗边框颜色"> <tr> <td>表格的内容</td> </tr> </table>
设置表格行的对齐方式(了解)
-
垂直对齐方式：valign属性设置垂直对齐方式，属性值有：middle、top、bottom，分别表示居中对齐、居上对其、居下对齐，既可以写在标签里面也可以写在标签里面
<table> <tr valign = ""> <td valign = "">表格的内容</td> </tr> </table> -
水平对齐方式：align属性可以设置行的水平对齐，默认为水平居左对齐，属性值有：center、right、left，分别表示居中对齐、居右对齐和居左对齐
<table> <tr align = ""> <td>表格的内容</td> </tr> </table>
表格结构(了解)
明确表格的结构，分出表格的头(表首)、身体(表主体)和尾(表尾)。还可以为这些分别设置样式
-
表头：thead标签，使用后可以让网页中过长的表格在打印时，每页的最前面都可以显示表头标签的内容
<table> <thead> <tr> <td>单元格内的文字</td> </tr> </thead> </table> -
主体：tbody标签，可以更好的划分表格的结构
<table> <tbody>//可以省略 <tr> <td>单元格内的文字</td> </tr> </tbody> </table> -
表尾：tfoot标签，可以让网页中过长的表格在打印时，每页的最后面都显示表尾标签的内容
<table> <tfoot> <tr> <td>单元格的内容</td> </tr> </tfoot> </table>
行和列的合并
-
列的合并：colspan属性可以合并列，就是把一行中的某个单元格与气候的一个或多个单元格合并
<table> <tr> <td colspac = 所跨的列数>表格的内容</td>//这里设置的是列数，而不是像素数。取值是数字，表示需要合并的单元格数量。需要注意的是，设置水平跨度时，某一行的跨度总和不能超过表格内的总列数，否则会出现无法编辑的空白区域 </tr> </table> -
行的合并：rowspan属性可以合并行，就是合并单元格与其下的一个或几个单元格
<table> <tr> <td rowspan = 所跨的行数>表格的内容</td>//和前面的那个属性一样 </tr> </table>
例子
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>总分</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>99</td>
<td rowspan="2">100</td>
<td>199</td>
</tr>
<tr>
<td>李四</td>
<td>98</td>
<!-- <td>100</td> -->
<td>198</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总结</td>
<td colspan="3">全市第一</td>
<!-- <td>全市第一</td>
<td>全市第一</td> -->
</tr>
</tfoot>
</table>
注意：不能跨表格结构标签合并单元格（thead、tbody、tfoot）。
表格标题(了解)
caption元素用来设置表格的标题，现在很少用
<caption>表格的标题文字</caption>
虽然看起来和直接用文字设置的没什么区别，但是还是建议使用这个元素来设置
表格嵌套(了解)
实际应用的时候表格往往不是单一出现的，往往需要在表格内嵌套其他的表格来实现页面的整体布局，一般情况下要使用一些可视化软件来布局，这样看起来比较直观
小结
介绍了表格的使用，创建表格、设置表格属性、表格边框、表格行的对齐，合并表格行和列，表格结构，设置表格标题和表格嵌套
重点介绍了表格的属性，包括表格宽度、高度、表格背景图片、表格单元格间距以及表格内单元格与文字的距离
2.3 表单
表单时用户和浏览器交互的重要手段。
添加表单
-
链接跳转：action属性用来设置链接跳转，在提交表单的内容时，按照链接地址跳转到相应的页面进行处理。地址可以时绝对地址和相对地址之外还可以是其他的地址形式。若表单中没有任何表单元素，这个表单传递给处理程序的内容就是空的。若省略action元素则默认为提交到本页面。
<form action = "链接跳转的地址"> 设置各种表单元素 </form> -
链接跳转方式：method属性来设置链接的跳转方式，一般可以设置为get和post两种
<form method = "表单的链接跳转方式"> 表单元素 </form> -
表单名称：name标签来设置表单的名称，主要是用来区分各个表单(此处的name与超链接中的name属性写法一样)
<form name = "表单名称"> 表单元素 </form>
输入标签(input)
input标签是使用最广泛的表单控件元素，用于定义输入域的开始。因为是但标签所以在使用时必须加上"/"来闭合标签。还必须嵌套在表单标签中使用
<form>
<input type = ""/>
</form>
-
input 标签占位文本
占位文本：提示信息，文本框和密码框都可以使用。
<input type="..." placeholder="提示信息"> -
文本框：text属性，用于输入数字、文本以及字母等，输入内容当行显示在页面。
<form> <input type="text"> </form> -
密码框：password属性来设置，在输入时，密码框中输入的内容会变成小黑点或者"*"。
<form> <input type="password"> </form> -
单选框：radio标签来设置，只能选择其中一项的选项框。单选按钮必须带有名称，同一个单选框的名称都要相同。name相同说明是一组。checked默认选中
<form> <input type="radio" name="gender" checked> 男 <input type="radio" name="gender"> 女 </form> -
复选框：又叫多选框。checkbox属性来设置，可以是单独的复选框，也可以是有多个复选框组成的复选框组。同一组复选框的name属性值必须相同。name相同说明是一组。checked默认选中
<form> <input type="checkbox" name = "名称" checked> </form> -
提交按钮：submit属性设置，value属性用于设置按钮上面出现的文字，表示该按钮是提交按钮，可以是中文也可以是英文。
<form> <input type="submit" name = "名称" value = ""> </form> -
重置按钮：reset设置表单中用户的输入清除，将内容恢复到初始状态。value属性用于设置按钮上面出现的文字，表示该按钮是恢复按钮，可以是中文也可以是英文。
<form> <input type="reset" name = "名称" value = ""> </form> -
图像按钮：image来设置图像，插入图像要用src属性来设置图像的源地址
<form> <input type="image" src = "图像源地址"> </form> -
文件域：file属性设置，用于让用户选择存储在本地计算机上的文件，通常用于讲文件上传到服务器时选择文件。
<form> <input type="file" name = "名称"> </form> -
隐藏域：hidden属性设置，不希望被用户看到的或者用户没有必要看到的内容，而这些内容往往是提交表单时，服务器或脚本需要获取的内容。
<form> <input type="hidden"> </form>
下拉列表
下拉列表框时一个下拉式的列表或者带有滚动条的列表，用户可以在列表中选择一个选项。需要两个元素，一个是select元素，默认显示第一项，selected 属性实现默认选中功能。用于创建下拉列表中的项目。若一个下拉列表框中有多个可选项目，只需要重复使用option元素。
<select name = "名称">
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
<option selected>武汉</option>
...
</select>
文本域
使用textarea元素在网页中创建文本域，实现显示和输入多行文字，很大程度上方便用户输入和查看文字。如果多行文本域中的文字超过文本域可显示的范围，就会出现滚动条。
<textarea>默认提示文字</textarea>
注意点：
实际开发中，使用 CSS 设置 文本域的尺寸
实际开发中，一般禁用右下角的拖拽功能
label 标签
作用：网页中，某个标签的说明文本。
经验：用 label 标签绑定文字和表单控件的关系，增大表单控件的点击范围。 如下，不加label 标签只能点击小圆圈才能选中。加了label 标签点击男这个字也能选中小圆圈。
- 写法一
- label 标签只包裹内容，不包裹表单控件
- 设置 label 标签的 for 属性值 和表单控件的 id 属性值相同
<input type="radio" id="man">
<label for="man">男</label>
- 写法二：使用 label 标签包裹文字和表单控件，不需要属性
<label><input type="radio"> 女</label>
提示：支持 label 标签增大点击范围的表单控件：文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等等。
按钮
<button type="">按钮</button>
<!-- form 表单区域 -->
<!-- action="" 发送数据的地址 -->
<form action="">
用户名：<input type="text">
<br><br>
密码：<input type="password">
<br><br>
<!-- 如果省略 type 属性，功能是 提交 -->
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">普通按钮</button>
</form>
提示：按钮需配合 form 标签（表单区域）才能实现对应的功能。
2.4 语义化
无语义的布局标签
作用：布局网页（划分网页区域，摆放内容）
- div：独占一行
- span：不换行
<div>div 标签，独占一行</div>
<span>span 标签，不换行</span>
有语义的布局标签
有语义的布局标签可以理解为是div没什么用
2.5 字符实体
总结
至此我们常用的html已经学完如果还需要更详细的HTML语法可参考HTML官方文档进行学习。
下面请看下一章的css课程。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
