HTML
HTML：
学习视频-狂神说HTML：视频链接
HTML
初识HTML
网页基本标签
图像，超链接，网页布局
列表，表格，媒体元素
表单及表单应用
表单初级验证
初始HTML
HTML是什么？
-
HTML
-
Hyper Text Markup Language 超文本标记语言
-
超文本包括：文字，图片，音频，视频，动画等
-
HTML发展史
HTML 5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。
HTML5的优势
-
世界知名浏览器厂商对对HTML5的支持
-
微软
-
Google
-
苹果
-
Opera
-
Mozilla
-
-
市场的需求
-
跨平台
W3C标准
-
W3C
-
World Wide Web Consortium (万维网联盟)
-
成立与1994年，Web技术领域最具权威和影响力的
国际中立性技术标准机构 -
http://www.w3.org/
-
http://www.chinaw3c.org/
-
-
W3C标准内容（面试或笔试可能会问）
-
结构化标准语言（HTML，XML)
-
表现标准语言(CSS)
-
行为标准语言（DOM，ECMAScript)
-
常见IDE
-
记事本
-
DreamWeaver
-
IDEA
-
WebStorm
-
......
HTML基本结构
我的第一个网页
Hello,World!
HTML标签
1、网页基本标签
-
标题标签
-
段落标签
-
换行标签
-
水平线标签
-
字体样式标签
-
注释和特殊符号
基本标签学习
标题标签
一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
段落标签
糖果 糖果
思雨 思雨
淑敏 淑敏
换行标签
糖果
思雨
淑敏
水平线标签
字体样式标签
粗体: I love you
斜体: I love you
特殊符号
空格 : 空 格 : 空 格 : 空 格 : 空 格
大于 : >
小于 : <
版权 : ©版权所有糖果
2、图像标签
图像标签
3、超链接标签
链接的显示形式
-
文本超链接
-
图像超链接
链接的功能
-
页面间链接
-
从一个页面链接到另一个页面
-
主要用途，页面跳转
-
-
锚链接
- 主要用途，页面导航
-
功能性链接
- 特定功能的链接
链接标签
顶部
点击我跳转到页面一
点击我跳转到百度
跳转到页面四的顶部
回到顶部
点击联系我
4、行内元素和块内元素
-
块元素
-
无论内容多少，该元素独占一行
-
（p、h1-h6...）
-
-
行内元素
-
内容宽度与相同，左右都是行内元素的可以排在一行
-
（a . strong . em ...）
-
5、列表标签
列表
- Java
- Python
- 运维
- 前端
- C++
- Java
- Python
- 运维
- 前端
- C++
- 学科
- Java
- Python
- Linux
- 位置
- 河南
- 北京
- 上海
6、表格标签
表格
1-1
2-1
2-2
2-3
2-4
3-2
3-3
3-4
7、媒体元素
-
视频元素
- video
-
音频元素
- audio
媒体元素
页面结构分析
页面结构分析
网页头部
网页主体
iframe内联框架
内联框架iframe
点击跳转
表单
表单语法
表单元素格式
表单应用
-
隐藏域：hidden
-
只读：readonly
-
禁用：disabled
表单初级验证
-
思考？为什么要进行表单验证
-
常用方式
-
placeholder 内容提示（应用于，输入框中）
-
required 非空判断（应用于，输入框中）
-
pattern 正则表达式（使用时，可以百度搜索，常用正则表达式）
-
登录注册
注册/登录
HTML总结
常用正则表达式
- 常用正则表达式