HTML5介绍
- HTML5被称为超文本标记语言,它使用标签的形式把各种文本或媒体信息嵌入html文档(网页)中。
- html文档以是
.html
结尾的文件。
- 标签总的来说分为双标签(例如:
<html></html>
)和单标签(例如:<img>
)。
基本骨架
<!DOCTYPE html>
用来声明文档的类型,告诉浏览器以正确的方式解析网页信息,避免出现怪异模式。
<html></html>
标签限定了文档的开始点和结束点,包裹文档中所有的元素。
<head></head>
标签定义文档的头部。描述了文档的各种属性和信息,一般不会作为内容显示在页面中。
<body></body>
标签定义了文档的主题。包含文档的所有显示的内容(文本、超链接、表格、列表、图像、视频等)。
标签内元素的详解
<title></title>
:定义网页标题。head中必须包含title。
<meta>
:单标签。描述html网页文档的属性和关键词等。
标签内元素的详解
- 文本
<h1></h1>~<h6></h6>
:标题,一到六级。
<p></p>
:段落。
<em></em>
:定义着重文字。
<b></b>
:定义粗体文字。
<i></i>
:定义斜体字。
<strong></strong>
:定义加重语气。
<del></del>
:定义删除字。
<span></span>
:没有特定含义。
- 图片
<img>
:单标签。
- src属性:图片资源的位置,路径。
- alt属性:图像的替代文本。
- width:图像宽度。
- height:图像高度。
- title:鼠标放在图像上时显示的文本内容。
- 超链接
<a></a>
:点击超链接可以跳转到新的文档网页
- href:目标文档的地址
- 列表
- 有序列表:
<ol></ol>
定义有序列表。
- 无序列表:
<ul></ul>
定义无序列表。
<li></li>
:定义列表单元。
- type:每个列表项前的编号类型
- 表格
<table></table>
定义表格。
<tr></tr>
定义行。
<td></td>
定义列。
- border设置表格边框。
- width:设置表格宽度。
- height:设置表格高度。
- colspan:水平合并表格。
- rowspan:垂直合并表格。
- 表单
<form></form>
定义表单。
- 表单属性
action="url(服务器地址)"
,定义把输入的信息传输的位置。
- 表单属性
method="get|post"
,定义表单传输信息的方法。
- 表单属性
name="表单名称"
,定义表单的名称。
<input type="text">
,输入框。
<input type="submit">
,提交按钮。
- 其他
总结