认识网页
网页组成由文字、图片、输入框、视频、音频、超链接等组成。
web标准W3C组织(万维网联盟)
Html (结构标准 )，相当人的身体。
Css 样式(表现)标准 ， 相当与给人化妆 变的更漂亮。
Js 行为标准 ， 相当与人在唱歌，页面更灵动。
浏览器内核也就是渲染引擎(决定了浏览器如何显示网页的内容及页面的格式信息(兼容性问题)
认识htmlHyper text markup language超文本标记语言。超文本：超链接。(实现页面跳转)
html结构标准代码语言：javascript复制< !doctype html> 声明文档类型
根标签
头标签html标签分类单标签
双标签
Html标签关系分类包含(嵌套关系)
并列关系
兄弟姐妹开发工具Dw 历史悠久，设计师使用。
Sublime 轻量级 有很多好用的插件。
Webstorm 重量级 太过智能。
标签单标签注释标签代码语言：javascript复制换行标签代码语言：javascript复制
或
水平线标签代码语言：javascript复制
或
双标签段落标签代码语言：javascript复制 特点：上下自动生成空白行。br 换行不会生成空白行。
标题标签代码语言：javascript复制
h1 在一个页面里只能出现一次。(SEO 搜索引擎优化)文本标签代码语言：javascript复制文本格式化标签文本加粗代码语言：javascript复制 工作里尽量使用strong，对于盲人来说 strong有语义强调的功能。
文本倾斜代码语言：javascript复制 工作里尽量使用em，原因同strong删除线标签代码语言：javascript复制 工作里尽量使用del下划线标签代码语言：javascript复制 工作里尽量ins图片标签代码语言：javascript复制 Src 图片的来源 (必写属性)
Alt 替换文本 图片不显示的时候显示的文字(重要性：1.SEO 2.盲人阅读需求)
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
PS：图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放
路径(略)相对路径
绝对路径
超链接代码语言：javascript复制填写内容 href 去往的路径(跳转的页面) 必写属性
title 提示文本 鼠标放到链接上显示的文字
target=”self" (默认值) 在自身页面打开(关闭自身页面，打开链接页面) Target=”blank” 打开新页面 (自身页面不关闭，打开一个新的链接页面)
锚链接先定义一个锚点：超链接跳转到页面的任何位置。一般用于在页面下面的时候，点击回到最上面。名称AAA可以随意区，只要是标记作用。
代码语言：javascript复制
...
代码语言：javascript复制空链压缩文件下载(不推荐使用)
代码语言：javascript复制超链接优化写法代码语言：javascript复制
特殊字符列表无序列表代码语言：javascript复制
-
列表项
......
有序列表代码语言：javascript复制
-
列表项
......
start="3" 决定了开始的位置。
自定义列表代码语言：javascript复制
-
小标题
解释标题
解释标题
滚动代码语言：javascript复制
width：宽度
height：高度
bgcolor：背景颜色
behavior：设置滚动的方式
alternate：在两端之间来回滚动
scroll：由一端滚动到另一端，会重复
slide：由一端滚动到另一端，不会重复
direction：设置滚动的方向
left | right | up | down
loop：滚动次数(-1：一直滚动下去)
head里面相关知识charset编码代码语言：javascript复制 ASCII/ANSI/Unicode 英语
GBK 亚洲通用字符集
GB2312 中文简体
Big5 台澳港繁体
UTF-8 世界通用字符集
name关键字代码语言：javascript复制 告诉搜索引擎你的站点的关键字。SEO优化使用
网页描述代码语言：javascript复制 告诉搜索引擎你的站点的主要内容。这个description是给SEO和用户看的。
作者代码语言：javascript复制 告诉搜索引擎你的站点的制作者
文件检索代码语言：javascript复制http-equiv 网页重定向代码语言：javascript复制 网页自动跳转：网页5秒后自动跳转到谷歌主页
链接外部样式表代码语言：javascript复制 rel="stylesheet"：链接的是什么？样式表还是图标type="text/css" type="text/css"：规定链接文件的MIME类型，就是说链接文件时css还是jshref="1.css"：链接的文件路径
设置 icon 图标代码语言：javascript复制表格表格的结构标准结构代码语言：javascript复制
常见写法代码语言：javascript复制
| 窗外的麻雀 | 窗外的麻雀 | 窗外的麻雀 |
| 窗外的麻雀 | 窗外的麻雀 | 窗外的麻雀 |
| 窗外的麻雀 | 窗外的麻雀 | 窗外的麻雀 |
height(高度)
border(边框宽度)
cellspacing(单元格与单元格的距离)
cellpadding(内容距边框的距离)
bgcolor(表格背景颜色)
align=”left | right | center”
如果直接给表格用align=”center” 表格居中
如果给tr或者td使用 ，tr或者td内容居中。
快速建表格的方式table>tr*3>td*5 + tab ： 建立3行5列的表格
表头
代码语言：javascript复制
代码语言：javascript复制
| 在电线杆上多嘴 | 在电线杆上多嘴 | |
| 在电线杆上多嘴 | 在电线杆上多嘴 | 在电线杆上多嘴 |
| 在电线杆上多嘴 | 在电线杆上多嘴 | |
特点：标题的文字自动加粗水平居中对齐
边框颜色代码语言：javascript复制
补充：细线表格代码语言：javascript复制
代码语言：javascript复制
action：处理信息method=”get | post”get通过地址栏提供(传输)信息(可以在地址栏里看到你输入的账号和密码)，安全性差。post 通过文件例如1.php来处理信息，安全性高。
文本输入框代码语言：javascript复制
name="username"
maxlength="6"
readonly="readonly"
disabled="disabled"
value="用户名"> type：输入的是文本内容
name：输入框的名字
maxlength：限定输入文本长度
readonly：文本框只读
disabled：文本框未激活
value：输入框中的默认内容
密码输入框代码语言：javascript复制 PS：文本输入框的所有属性对密码输入框都有效
单选框代码语言：javascript复制男 checked=”checked” 设置默认选择项。
PS：当有多个单选框是如何设置只能有一个被选中？
只有将name的值设置相同的时候，才能实现单选效果。
下拉列表代码语言：javascript复制
multiple=”multiple”： 将下拉列表设置为多选selected=”selected”：设置默认选中项目 对下拉列表进行分组。Label="分组名称" 分组名称。
多选框代码语言：javascript复制 Checked=”checked” 设置默认选中项
多行文本框代码语言：javascript复制 cols：控制输入字符的长度
rows：控制输入字符的行数
文本上传控件代码语言：javascript复制文件提交按钮代码语言：javascript复制 可以实现信息提交功能
普通按钮代码语言：javascript复制 不能提交信息，配合JS使用
图片按钮代码语言：javascript复制 图片按钮可实现信息提交功能
重置按钮代码语言：javascript复制 将信息重置到默认状态
表单信息分组代码语言：javascript复制
：对表单信息分组：表单信息分组名称
html5补充表单控件代码语言：javascript复制网址控件
日期控件
时间控件
邮件控件
数字控件
滑块控件补充示例：代码语言：javascript复制
标签语义化好的语义化的网站标准就是去掉样式表文件(css文件)之后，结构依然很清晰。根据内容的结构化(内容语义化)，选择合适的标签(代码语义化)
什么用？
1：网页结构合理。
2：有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取。
3：方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)。
4：便于团队开发和维护。
怎么做？
1：尽可能少的使用无语义的标签div和span。(比如使用p是段落标签)
2：在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利。
3：不要使用纯样式标签，如：b、font、u等，改用css设置。
4：需要强调的文本，可以包含在strong或者em标签中。