1.<!DOCTYPE html>
这句代码表示 当前html版本是 html5
- <meta charset="UTF-8">
字符集,标注字符编码,避免乱码
3.标题标签:h1、h2、h3、h4、h5、h6 一般h1不经常使用,只有在logo时候使用
4.横线标签(<hr />),就是一条水平线
5.换行标签:
<br />换行后上下没有间距
6.div 和 span 标签
7.文本格式化标签
(1).字体加粗 <strong></strong> <b></b> . html5中推荐使用strong,
(2).斜体 <em></em> <i></i>.html5中推荐使用em
(3).删除线 <del></del> <s></s>.html5推荐使用del
(4).下划线 <ins></ins> <u></u>.html 推荐使用ins
8.图片标签 <img>
(1).alt属性 当图片不显示时的提示语
(2).title属性 鼠标悬停时候显示的文字
(3).border属性 边框
注意图片一般会等比缩放,所以只要改变一个 宽或者高就可以
9.链接标签
(1).href属性 是跳转目标 注意外部链接不可省略 http
(2).target属性 目标跳转的方式 _blank 在另外一个窗口打开
10.锚点定位
(1).用a标签中的href = "#id" 在目标位置顶一个ID
11.base 标签
使所用a标签都做统一一个操作。
12.特殊字符
111.png
13.文件路径
(1).上一级目录 ../
(2).下一级目录
(3).绝对路径
14.无序列表(UL)
(1).<ul><li></li></ul>
(2).ul标签中只能放li标签
(3).li标签中可以容纳其他标签<li><p></p><img/></li>
15.有序列表(ol)
(1).<ol><li></li></ol>
16.自定义列表(dl)
(1).<dl><dt></dt><dd></dd><dd></dd></dl>
17.表格标签
<table><tr><td></td></tr></table>
table 中只能放tr tr中只能放td td中可以放任意标签
cellspacing 控制单元格和外边框记录
cellpading 控制单元格内容与边框的距离
align 控制表格位置 居中 和 居
表格头部用 thead 包裹 主体用 tbody
表格表头标签 表头应该用 td 替换成 th
表格标题 <caption></caption> 必须写在table里面
单元格合并 先上后下 先左后右
跨行合并 rowspan 必须删除多余单元格
跨列合并 colspan 必须删除多余单元格
18.表单标签
(1).表单控件
22222.png
(2).maxlength 控制输入框中最多输入个数
19.label标签(点击label标签 使输入框获得焦点)
20.文本域 (textarea)
21.下拉菜单
<select><option></option</select>
22.表单域 (form)
1.action 提交动作
2.method 提交方式(post get)
3.name 我的表单名字 -
头部分标签 (header)
24.导航栏 (nav)
25.自动提示下拉 (datalist)
26.定义文章 (article)
27.fieldset 和 legend 结合使用
28.html5新增的input (表单)
3333.png
29.表单新增了哪些属性
44444.png
网友评论