-
HTML：Hyper Text Markup Language（超文本标记语言）
-
超文本包括：文字、图片、音频、视频、动画等
-
W3C
- World Wide Web Consortium（万维网联盟）
- 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
- http://www.w3.org/
- http://www.chinaw3c.org/
-
W3C标准包括
- 结构化标准语言（HTML 、XML）
- 表现标准语言（CSS）
- 行为标准（DOM、ECMAScript ）
Title
Hello！
- 、等成对的标签，分别叫开放标签和闭合标签
- 单独呈现的标签（空元素），如
; 意为用/来关闭空元素
基本标签学习
一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号
标题标签
段落标签
换行标签
水平线标签
字体样式标签
粗体：I love you.
斜体: I love you.
空 格
空 格
">>
<
©
2 图像标签
- 常见的图像格式：JPG、GIF、PNG、BMP(位图)、…
图像标签学习
3 链接标签
3.1 链表标签的类型：
3.2 超链接
- 页面间链接
- 从一个页面链接到另一个页面
- 锚链接
- 功能性链接
链接标签
顶部
点击我跳转到页面一
点击我跳转到百度
回到顶部
底部
点击联系我
4 行内元素和块内元素
- 块元素
- 无论内容多少，该元素独占一行
- (p、h1-h6…)
- 行内元素
- 内容撑开宽度，左右都是行内元素的可以排在一行
- (a、strong、em…)
- 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息
- 无序列表
- 有序列表
- 定义列表
列表学习
- java
- python
- c++
- GO
- java
- python
- c++
- GO
- 学科
- java
- linux
- c++
- 位置
- 河南
- 天津
- 杭州
- 简单通用
- 结构稳定
- 单元格
- 行
- 列
- 跨行
- 跨列
表格学习
| 1-1 | |||
| 2-1 | 2-2 | 2-3 | 2-4 |
| 3-2 | 3-3 | 3-4 | |
- 视频元素：video
- 音频元素：audio
媒体元素学习
8 页面结构分析
页面结构分析
网页头部
网页主体
9 iframe内联框架
内联框架iframe学习
点击跳转
10 表单
10.1 表单元素格式
- type: 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image、button，默认为text。
- name：指定表单元素的名称
- value：元素的初始值。type为radio时必须指定的一个值
- size：指定表单元素的初始宽度，当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位。
- maxlength：type为text或password时，输入的最大字符数。
- checked：type为radio或checkbox时，指定按钮是否是被选中。
登录注册
注册
10.2 表单的应用
- 隐藏域
密码：
- 只读
名称：
- 禁用 男
10.3 表单初级验证
- placeholder 提示信息
名称：
- required 非空判断
密码：
- pattern 正则表达式
自定义邮箱
