<html>
<head>
<meta charset="utf-8">字符编码集
<title></title>网页的命名
</head>头部
<body></body>身体
</html>
快速生成html结构:!或 html:5
双标签:
p 段落
h1-h6 标题
b 加粗文字
i 倾斜文字
sub 定义下标字
sup 定义上标字
ol 有序列表
ul 无序列表(有序列表和无序列表中间加一个双标签li用来写内容)
div (块级元素) 区分
span(内联元素) 被用来组合文档中的行内元素
补充一点:
块级元素特点:1.可以定义宽高。
2.独占一行。
内联元素的特点:1.不可以定义宽高。
2.在一行显示。
header 可以是 网页或者任意“section”的头部部分。
footer 可以是 网页或者任意“section”的结尾部分。
hgroup 组
nav 导航
a 超链接 格式:<a href="地址" target="目标窗口的打开方式">链接元素<a/>
target属性用于指定打开链接的目标窗口。
target支持的值有以下四种:
(1) _self :默认选项,被链接的文档加载到与该链接相同的框架或窗口中。(相当于自身打开网页)
(2) _blank :将被链接的文档加载到新的浏览器窗口中。(相当于打开一个新网页)
(3) _parent :将被链接的文档加载到父框架窗口中,这里一般结合框架<iframe>标签使用。
(4) _top :被链接的文档加载到整个浏览器窗口中并删除所有框架。
锚记链接用于定位到页面中的目标位置。
锚记链接:
<a href ="锚记名称">链接文本</a>
<a name ="锚记名称">...</a>
表格的基本结构:
<table border ="0或1">
<tr>
<td>内容</td>
</tr>
</table>
table 表格的区域
tr 表格的行
td 行中的一个单元格
属性:
border:边框线 1代表边框线 0或者不写都代表没有边框线。
补充:px 像素单位 代表一个像素单元格。
单元格合并:
colspan 行单元格合并
rowspan 列单元格合并
cellspacing 控制单元格之间的间距
cellpadding 代表单元格与边框之间的间距
表单标签:
form 表单
<input type ="控件类型值"/>
input属性:
type 指定表单元素类型
name 指定表单元素的名称
value 可选属性,指定表单元素的初始值。但是如果是type和radio则必须指定一个值。
size 此属性指定表单元素的初始宽度。
maxlength 用于指定可在 text和password元素中输入的最大字符数。默认为无限大。
checked 指定按钮是否被选中,当输入类型为radio或checkbox时,使用次属性。
label (行内元素) 标签
type属性:
text 文字类型
password 密码类型
button 按钮
placeholder 输入提示
checkbox 复选框
file 文件域
accept 接受文件类型
multiple 上传多个文件
submit 提交按钮
reset 重置按钮
disabled 无法选中
有radio属性要加上name
单标签:(格式如:<hr/>)
hr 下划线
br 换行符
image 插入图片 有2个属性:src 图片来源
alt 描述属性,当图挂掉的时候显示属性。
网友评论