Html
Html
介绍
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
html5文档结构说明
<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用
文档声明头,声明当前文件是html5文件
<html></html> 双标签 定义html文档内容的结构 所有的html文档的内容
都需要写在这对标签内部。
<head></head> 头部 通常情况下,里面写的内容是对于当前网页的一些
预定义信息设置。
<body></body> 身体 网页 里面要显示给用户看的内容,全部写在body里面
网页预定义信息
设定当前网页的编码格式 meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。
<title>网页标题</title>
通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码
<link rel="stylesheet" href="style.css"> 引入外部的css文件
<style>
/*css代码*/
</style>
<script src="01.js"></script> 引入外部的js脚本文件,需要注意的
是,两个script标签中间不能存在任何内容换行都不可以
<script>
// js代码
</script>
常用标签
常用基础标签
带有语义的标签
em,强调
strong ,比em强调级别更高
abbr,定义缩写,与title属性相互搭配使用
address,定义地址元素
blockquote,定义块引用,通常情况下会产生缩进
cite,通常情况下,某段话引子某本书,可以使用cite进行说明
ins,定义被插入文本
del,定义被删除文本
带有一定样式的标签[此类标签也同时带有语义]
b,定义粗体文本
i,定义斜体文本
big,定义大号文本
small ,定义小号字体文本
sup,上标文本
sub,下标文本
bdo,定义文本显示方向,属性:dir,值,ltr,rtl
输出类标签
pre,代码中样式原样输出
code,定义计算机代码文本
kbd,定义键盘文本
var,定义变量
功能类标签
a标签
定义超链接实现页面跳转
定义锚点实现书签功能
列表
无序列表
ul,li
有序列表
ol, li
页面嵌套
iframe
项目列表描述
dl,dt,dd
图片
img
常用属性
alt,图像替代文本
width,height
ismap,定义图像映射的一张图像
通过img 实现图像映射
map 标签,定义图像映射
<area> 定义图像映射内部的区域
链接跳转的图像
将图片嵌套在a标签中
表格
table标签
表格标题 <caption>标签
表格页眉 <th>标签
表格的行 <tr>标签
表格的单元格 <td>标签
表格的头部 <thead>标签
表格的主干 <tbody>标签
表格的尾部 <tfoot>标签
页面所有链接的基础链接
<base> 标签
base标签位于head标签内部
表单
<form>标签
输入域 <input>
type属性
相关属性值
button
file
hidden
text
password
radio
checkbox
image
reset
submit
alt属性,定义当按钮为图片时,图片的替代文本
src属性,定义当按钮为图片时,图片的链接地址
checked属性,定义默认选项
disabled属性,禁用当前输入域
readonly属性,对当前输入域只读
maxlength属性,定义输入域字符的最大长度
name属性,定义当前的输入域的名字
value属性,定义当前输入域的默认值
文本输入区<textarea>
cols属性,规定可见列数
rows属性,规定可见行数
disabled属性,禁用当前文本输入区
name属性,当前文本区的名字
readonly属性,当前文本区域只读
按钮 <button>
disabled属性,禁用此按钮
name属性,按钮名字
type属性,按钮类型
button
reset
submit
value属性,按钮上显示文本内容的默认值
下拉菜单<select>
相关属性
disabled属性,禁用该菜单
multipe属性,规定可同时选中多项
name属性,下拉列表的名字
size属性,菜单中可见项目的数目
<optgroup>标签,定义下拉列表选项分组
label属性,定义选项组的标记,必要属性
disabled 属性,禁用
<option>标签,定义下拉列表中的选项
disabled属性,禁用
label属性,定义当使用 <optgroup> 时所使用的标 注
selected属性,规定选项(在首次显示在列表中 时)表现为选中状态。
value属性,向服务器输送的值
表单中的标记<label>
表单中相关元素分组 <fieldset>
<legend>定义分组标题