一、基础

web基础：

1.web标准（万维网-w3c）:

结构标准：HTML---决定屏幕上显示什么
表现标准：CSS---决定网页的内容布局及显示方式
行为标准：JavaScript（js）---决定网页上的动态效果

2.认识HTML

HTML是超文本标记语言 HyperText Markup Language （可以用来标记文本，图片，视屏，音频，flash，按钮，输入框的内容）
HTML不是编程语言，不会编译执行，而是一种标记语言 ,语法错误也不会报错导致程序不能往后面运行
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

3.HTML版本

广义的H5:指的是HTML5+CSS3+JS

狭义的H5:HTML5

4.HTML编程

(1)HTML标记语言对应的文件后缀--->html

(2)HTML的结构:整个HTML都是通过不同的标记（标签）来组成

5.标签（标记）

（1）双标签--->（常规标签）
<标签名属性=属性值属性=属性值>标签内容
（2）单标签（自闭合标签）
<标签名属性=属性值属性=属性值/>
<标签名属性=属性值属性=属性值>

说明：
标签名：HTML标准中固定的（注意：<和标签名之间不能有空白/>）

属性：属性和标签名之间用空格隔开,以属性=属性值的形式存在,多个属性之间用空格隔开

(属性可以是HTML标准中的属性，也可以是自定义的属性)

标签内容：指的是开始标签和结束标签之间的内容（双标签才有），标签的内容可以是任何内容（字符串和其他）

---a标签
---p标签
---input标签

补充：HTML语法中，不区分大小写（HTML/html/Html是一样的）

6.网页的结构

二、文本标签



    
        
        
    
    
    
        
        
        我是标题1
        我是标题2
        我是标题3
        我是标题4
        我是标题4
        我是标题4
        
        
        
        
            面向未来，增强自主创新能力，最重要       的就是要坚定不移走中国特色自主创新道路，
        坚持自主创新、重点跨越、支撑发展、引领未来的方针，
        加快创新型国家建设步伐。½
        
        
        
            世界经济长远发展的动力源自创新。总结历史经验，
        我们会发现，体制机制变革释放出的活力和创造力，科技进步造就的新产业和新产品，
        是历次重大危机后世界经济走出困境、实现复苏的根本。
        
        
        
        
        
            世界经济长远发展的动力源自创新。总结历史经验，

        我们会发现，体制机制变革释放出的活力和创造力，科技进步造就的新产业和新产品，

        是历次重大危机后世界经济走出困境、实现复苏的根本。
        
        
        
        
        百度一下
        
        
        
        
            世界经济长远发展的动力源自创新。
总结历史经验，

        我们会发现，体制机制变革释放出的活力和创造力，科技进步造就的新产业和新产品，

        是历次重大危机后世界经济走出困境、实现复苏的根本。
        
        
        
        
        
            世界经济长远发展的动力源自创新。总结历史经验，

        我们会发现，体制机制变革释放出的活力和创造力，科技进步造就的新产业和新产品，

        是历次重大危机后世界经济走出困境、实现复苏的根本。

image.png

三、列表

image.png

四、图片和链接

image.png

五、表格

image.png

六、复杂表格



    
        
        复杂表格

image.png

二、常用标签

表单标签

表单标签：专门用来收集信息的标签
作用：可以提交表单中收集的信息
action属性：设置提交信息的位置
method属性：提交方式，可以是post,也可以是get

input标签（单标签） ---text（文本输入框）
1.是表单标签
2.type属性：text---普通的文本输入框
3.name属性：必须设置（1.用于提交信息）
4.value属性：标签内容
5.placeholder属性：占位符（提示信息）
6.maxlength:输入框最多输入多少个字符
7.readonly:readonly---输入框只读（不能往里面输入内容）

1. input标签：密码输入框
(1)type属性：password---输入的值是密文显示的

2. 单选框
(1)type属性：radio
(2)name属性：同一类对应的name值必须一样
(3)value属性：设置选中按钮提交的值，是个bool值，判断是否选中
(4)checked属性：设置为checked，让按钮默认处于选中状态

3. input标签：多选按钮
(1)type属性：checkbox
(2)name属性：同一类型对应的name值必须一样
(3)value属性：设置选中按钮提交的值
(4)checked:设置为checked,让按钮默认处于选中状态

image.png

下拉菜单和多行文本

image.png

空白标签

image.png

姓名	成绩	是否留级
张三	90	否
李四	59	是

HTML5

一、基础

web基础：

1.web标准（万维网-w3c）:

2.认识HTML

3.HTML版本

4.HTML编程

5.标签（标记）

6.网页的结构

二、文本标签

我是标题1

我是标题2

我是标题3

我是标题4

我是标题4

我是标题4

三、列表

四、图片和链接

五、表格

六、复杂表格

二、常用标签

表单标签

下拉菜单和多行文本

空白标签

你可能感兴趣的:(HTML5)