H5基础知识

web基础：

web标准（万维网-w3c）：
结构标准：html --- 决定网页上有什么东西（能够显示什么内容）
表现标准：Css --- 决定网页上内容的布局和显示方式
行为标准：JavaScript（js） --- 决定网页上动态的效果
认识HTML
HTML是超文本标记语言（可以用来标记文本、图片、视频、音频、flash、按钮、输入框等内容）。
HTML不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行
HTML版本
广义的H5：指HTML5+CSS3+js
狭义的H5：HTML5
HTML编程

a.HTML标记语言对应的文件的后缀，一般都是html
b.HTML的结构

标签/标记

a.双标签（常规标签）
<标签名属性=属性值属性=属性值>标签内容
b.单标签（自闭合标签）
<标签名属性=属性值属性=属性值 />
<标签名属性=属性值属性=属性值>

说明：
标签名：HTML标准中固定的（注意：<和标签名之间不能有空白>）
属性：属性和标签名之间用空格隔开，以属性=属性值的形式存在，多个属性之间也用空格隔开
（属性可以是HTML标准中的属性，也可以是自定义的属性）
标签内容：是指开始标签和结束标签之间的内容。标签的内容可以是任何内容（可以是字符串，也可以是其他任何标签）
--- a标签

--- p标签
--- input标签
以下是结构体

常用文本标签



    
        
        文本标签
    
    
        
        我是标题1
        我是标题2
        我是标题3
        我是标题4
        我是标题5
        我是标题6
        
        
        
        
            城绿道最美水上钢桥——锦城湖亲水栈桥，将在月底全部完工。
        
        
            位于成龙大道的绿道桥梁“桥屋”，在桥梁的一段加上了取自川西传统建筑中山墙元素
        
        
        
        
               位于成龙大道的绿道桥梁“桥屋”，在桥梁的一段加上了取自川西传统建筑中山墙元素
        
        
        
              位于成龙大道的绿道桥梁“桥屋”，
在桥梁的一段加上了取自川西传统建筑中山墙元素
        
        
        
        百度一下
        
        百度一下

运行结果：

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

城绿道最美水上钢桥——锦城湖亲水栈桥，将在月底全部完工。

位于成龙大道的绿道桥梁“桥屋”，在桥梁的一段加上了取自川西传统建筑中山墙元素

位于成龙大道的绿道桥梁“桥屋”，
在桥梁的一段加上了取自川西传统建筑中山墙元素

百度一下 百度一下

列表标签

图片和超链接标签

表格标签

显示结果：

合并表格的标签



    
        
        复杂表格

显示结果：

制作个人简历表

显示结果：

姓名	成绩	是否留级
胖总	101	是

求职意向
基本信息
姓名	性别		民族
出生日期	政治面貌		婚否
籍贯	现所在地		学历
毕业院校		所学专业
电子邮件		手机号码
教育经历
起止时间	毕业院校/教育机构		专业课程




工作经历
起止时间	公司名称及职位		工作内容



技能/爱好
自我评价

August 13-day 23 网页基础

H5基础知识

常用文本标签

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

列表标签

图片和超链接标签

表格标签

合并表格的标签

制作个人简历表

个人简历表

你可能感兴趣的:(August 13-day 23 网页基础)