HTML笔记

1.HTML简介
HTML是用来描述网页的一种语言，它是一种超文本标记语言，也就是说，HTML不是一种编程语言，仅是一种标记语言
2.HTML5优势
1)世界知名浏览器厂商对HTML5的支持：微软，Google，苹果，Opera，Mozilla
2)市场的需求 ：在HTML5上，视频，音频，图像，动画及计算机的交互都被标准化
3)跨平台： pc网站，各种移动设备，插件等核心代码可以不需要重复编写。减少了开发人员的工作量
3.W3C标准（万维网联盟 World Wide Web Consortium)
W3C标准不是某一个标准，而是一系列标准的集合。一个网页主要由三部分组成，结构，表现和行为
1）结构化标准（XHXML XML HTML)
2）表现化标准（CSS 美化）
3）行为标准（DOM ECMAScript方法)
HTML基本上所有标签都成对出现

4.HTML基本结构 (html不区分大小写）
1.声明：
2.跟标签：
3.开头：

4.身体： (跟标签：所有标签都在跟标签里面（不按这种格式没有影响）） 5.标签

---

水平线标签

段落标签
换行标签 <！－－　－－＞　注释标签 图像标签 超文本标签 超链接 链接文本或图像 锚链接 目标位置乙 锚链接必须有#

功能连接 联系我们
_biank 跳转新的页面页面
_self 在自身页面打开

6.绝对路径 file：///本地文件协议 +本地文件路径
网络文件协议 http：\

7.特殊符号
空格　　＆nbsp；
大于号　＆gt；
小于号　<
引号 "
版权符号 &copy；
8.行标签不会换行大小由内容撑起
块标签：无论内容多少独占一行
解决sublime侧边栏乱编码问题 “dpi_scale”:1.0
第二章
列表：列表就是信息资源的一种展现形式。它可以使信息结构化和条理化，并以列表的形式显示出来，以便浏览者能更快捷的获得相应的信息。
列表的作用：它可以使信息结构化和条理化
列表分为：
无序列表：在里写
语法

• 第一项
• 第二项
• 第三项

注意：1.遵循W3C标准

• 标签里面只能嵌套
• 标签，不能嵌套其他标签 2.
• 标签里面可以嵌套任意标签 特性： 1）没有顺序，每个
• 标签独占一行（块元素） 2）默认
• 标签项前面有个实心小圆点 3）一般为用于无序类型的列表，如导航，侧边栏新闻，有规律的图文组合模块等。 有序列表：在里写 语法：
  1. 第一项
  2. 第二项
  3. 第三项
  特性： 1）有顺序，每个
  1. 标签独占一行（块元素） 2）默认
     1. 标签项前面有顺序标记。 3）一般为用于有序类型的列表，如试卷，问卷选项等。 定义列表：在里写 语法：

        第一项 声明列表项

        第二项

        定义列表内容

        特性： 1)没有顺序，每个 标签，
        标签独占一行（块元素） 2）默认没有标记 3）一般用于（一个标题有一个或多个列表项）*n 的情况。 列表注意事项： 1）无序列表的每项都是平级的，没有级别之分 2）无序必有序列表应用得更广泛，有序列表一般用于带有顺序编号的特定场合 3）定义列表一般用于带有标题和标题解释性内容的场合 表格

为什么使用表格：
1）简单通用
2）结构稳定
表格基本结构
1）单元格：
单元格是表格最小单位。
2）行：

3）列：
基本语法;

....... ......

第一个单元格内容	第二个单元格内容
内容	内容

表格的跨行与跨列： 表格的跨列：

单元格内容

表格的跨行：

单元格内容

制作跨行，跨列的表格 跨列 colspan="横向垮的单元格" 跨行 rowspan="纵向垮的单元格数" 一般而言，跨行或跨列操作是，需要以下个步骤： 1)在需要合并的第一个单元格，设置跨列或者跨行属性，，如colspan="3" 2)删除得合并的其他单元格，既把某个单元格看成多个单元格合并之后的单元格。 视频元素： 音频元素： HTML5的结构元素 元素名 描述 header 标题头部区域的内容（用于整个页面或页面的一块区域） footer 标记脚部区域的内容（用于整个页面或页面的一块区域） section Wed页面的独立的一块区域 article 独立的文章内容 aside 相关内容或应用（常用于侧边栏） nav 导航类辅助内容 的语法 （常用的框架技术内联框架）

总结
结构：
语义化结构元素标签{header,footer,section,article,nav,asdie}
基本结构标签 ：

代码在每个浏览器所表示的都不一样
表单：在HTML5中使用标签来实现创建，该标签属于兼容标签，其他标签要在他的范围内才有效，便是其中的一个
表单标签及属性

form：后面不写默认为get标签 action：提交到action后面所填的位置里. method： 告诉浏览器如何将数据发送给服务器。语法为：method=（get，post） 分为post和get两种格式 post和get两种格式的区别 1）一些服务器对get的大小有限制而post则没有限制 2）post方法提交时地址不会改变，get提交时地址栏会发生改变 3）post比较get更加安全

元素的长用属性
type：指定单元格元素的类型。（如text，pssworld ,checkbox,radio,submit,reset,file
email,number,url,hidden,image,button 等）默认为text
name: 此属性指定单元格的名称（提交时会需要，没有name提交不了）
value：此属性是可选属性，他指定单元格的初始值。如果type为radio类型，则必须指定一个值
size：指定初始宽度
maxlength：用于指定可在text或password元素中输入的最大字符数。默认值为无穷大
checked：此属性用于指定按钮是否被选中。
文本框

有name才能传送，value定义初始值，text是type的类型，type是input 的属性。可以再前面加字。
以下同理
密码框

size定义初始长度
住：密码框仅仅使周围人看不见输入的符号，不能保证输入数据的安全。
为了数据的安全，应加强人为管理，才用数据加密技术等。
单选按钮
性别：


checked为默认被选中的，如果两个后面都加checked则只显示一个
注：单选按钮想要完成单选，name名要一样，
复选框（多选框）
运动
聊天
玩
注：单选按钮应具有相同的名称，便于互斥选择；而复选框的名称要根据应用环境来确定是否相同。
列表框（用option标签来实现）

[选择月份] 一月 selected默认为几月，如上面则默认为一月 注：有一个下拉选项就有一个option列表 按钮 重置按钮，value将重置按钮的名字改为“重填” rest按钮：重置按钮 subimt : 提交按钮 button:普通按钮，需要与事件关联使用。（用CSS添加功能） type="imge" 图片按钮 date 日期按钮 普通按钮 多行文本域（例如注册时出现的协议或自我介绍） 它的标签为 文本内容 文本域（html5新增的值） 选择文件 邮箱

邮箱：

网址

网址

数字

请输入数字

number的属性 (值都为number） value ;默认值 min ;最小值 max：最大值 step：一次增几个，减几个 滑块 number的属性 value ;默认值 (值都为number） min ;最小值 max：最大值 step：一次增几个，减几个 搜索框 隐藏域：一些数据相传到后台，不希望被客户看到的时候用到 只读 readonly：只能读，不能更改，能粘贴复制 禁用 disabled ：只能读，不能更改，不能选中，不能复制 表单的初级验证：（不同浏览器的展示效果不一样） 表单的好处： 1）减轻服务器压力 2）保证数据的可行性和安全性 placeholder:提示 required：必填内容 pattern：验证 正则表达式 W3C HTML5标准中， 规定对于布尔类型的属性，属性值可以省略。 例如：下拉列表框的默认选中，应写为selected，而不是selected=“selected”。默认写了selected属性 它的值为true。同理复选的也是一样。 文件域 （重点）表单的初级验证：三种 CSS CSS：层叠样式表（Cascading Style Sheet) ，通常又称为风格样式表。它是用来进行网页风格设计的。 表现HTML或XHTML文件样式的计算机语言 基本语法结构：选择器和声明 声明必须放在大括号（{ }）中，并且声明一条或多条。 每条声明由一个属性和值组成，属性和值用冒号分开，每条语句用英文 ；结尾。 选择器 进本选择器： 高级选择器(复合选择器）：层次 在HTML中引入CSS样式的几种方式？ 三种 行内样式： 内部样式： 外部样式：两种 链接 和 导入