一、HTML文档标签

1.

文档声明为HTML 标识网页是遵循html5语法规范

2.

html网页中根标签，一个页面中有且只有一个根标签，网页中的所有内容都写在根标签的内部

3.

网页的头部，head标签中的内容，不会在页面中直接显示

4.

使用meta来设置页面的字符集

5.

网页的标题

6.

网页的主体，网页中所有的可见内容，都写在body中

---

二、html常用标签

1.标题标签h1~h6共六级标题h1最大 h6最小

       

        
一级标题标签
        
二级标题标签
        
三级标题标签
        
四级标题标签
        
五级标题标签
        
六级标题标签
       

2.段落标签p，块级元素 独占一行

       

        
2021/09/19
        
中秋节放假三天
        

        

        
几许人是惊世才/>
        
不见当年李太白
        

       

3.链接标签a跳转到指定的链接

       

        
href="//m.sbmmt.com/">php中文网
       

4.无序列表ul,li定义无序列表

       

        

        
item
        
item
        
item
        
item
        

       

5.图像标签img

       

        
src="1.png"alt=""title=""width="200px"height="200px"/>
       

6.有序列表ol,li定义有序列表

       

        

        
item
        
item
        
item
        
item
        

       

7.自定义列表dl,dt,dd

       

        

        
四大名著
        
西游记
        

        

        
四大名著
        
红楼梦
        

        

        
四大名著
        
水浒传
        
三国演义
        

       

8.表格table,tr,td

       

        
border="1"width="500px"height="200px">
        

        
x
        
x
        
x
        
x
        

        

        
colspan="3"align="center">横线水平合并3个X
        

        
rowspan="3"align="center">向下垂直合并三个X
        

        

        
x
        
x
        
x
        

        

        

        
x
        
x
        
x
        

        

        

       

9.表单form

1.文本域text

       

        
action=""method="">
        
账号：type="text"/>
        

       

2.密码password

       

        
action=""method="">
        
密码：type="password"name="pwd"/>
        

       

3.单选框radio

       

        
action=""method="">
        
男type="radio"name="sex"value="boy"/>
        
女type="radio"name="sex"value="gril"/>
        

       

4.多选框checkbox

       

        
action="">
        
学生：type="checkbox"name="state"value="xuesheng"/>
        
在职：type="checkbox"name="state"value="zaizhi"/>
        
无业：type="checkbox"name="state"value="wuye"/>
        

       

5.提交按钮submit,button

       

        
action="">
        
账号名称：type="text"name="user"/>
        
type="submit"value="submit"/>
        
type="button"value="按钮"/>
        

       

6.重置按钮reset

       

        
action="">
        
账号：type="text"/>密码：type="password"/>
        
type="reset"value="重置"/>
        

       

9.下拉框select

       

        
name=""id="">
        
value="">北京
        
value="">上海
        
value=""selected="selected">广州
        
value="">深圳