HTML的基本结构:
HTML页面基本结构由页面解析版本、HTML根标签、head头标签、title页面标题标签 和 body页面主题标签组成。
<!DOCTYPE html> //页面解析标签,告诉浏览器采用什么方式解析该页面
<html> //html根标签,一个页面中有且仅有一个,包裹其他的标签
<head> //html头部标签,主要在该标签中嵌入页面标题、字符集设置、外部文件引入等
<title> HTML基本结构 </title> //页面标题标签
</head>
<body> //页面主体标签,在其中嵌入html页面标签,用于页面结构的填充
...
</body>
</html>
HTML常用字符集:
HTML页面的字符集通过 meta标签 的 charset属性 来进行设置,常见的字符集格式有:
utf-8 : 包含全世界所有国家需要用到的字符。是目前最常用的字符编码方式,常用的还有 gbk 和 gb2312
gb2312 : 简单中文,包括6763个汉字
BIG5 : 繁体中文,中国港澳台等用
GBK :包含全部中文字符 是GB2312的扩展,加入了对繁体字的支持,兼容GB2312
HTML两大类型标签分类:
双标签: 将内容包含在起始标签 与 结束标签 之间的标签称为双标签。
注意:双标签中可嵌套其他标签、文本等。
<标签名> 内容/文本 </标签名>
<p>这是一个p段落标签</p>
单标签:既是起始也是结束称为单标签。
注意:单标签中不可嵌套其他标签,文本是通过属性来显示。
<标签名/>
<br/> //换行标签
HTML标签内的属性:
HTML大部分标签内属性规则:
拥有多个属性
属性编写顺序不分先后
属性与值 以 键值对方式 出现
属性与属性之间以空格分开
HTML两大功能标签分类:
HTML常用标签按照功能可大致分为: 非表单标签 和 表单标签。
非表单标签:是指除了表单标签之外的标签都称之为非表单标签。如:
标题标签
段落标签
水平线标签
换行标签
布局标签
文本格式化标签
图像标签
链接标签
页面链接打开方式标签
注释标签
列表标签
表格标签
表单标签:是指针对信息请求提交,注册、验证等,通常由 表单控件、提示信息、表单域3部分构成。
表单控件:包含具体的表单功能项,如:文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:包含一些说明性的文字,提示用户填写和操作。
表单域:相当于容器,用来容纳 表单控件 与 提示信息,处理表单数据及提交到服务器。若无数据域表单数据无法提交到后台服务器。