HTML基础

目录

 

HTML5

HTML 基础

1、什么是HTML

2、HTML5的优势

3、W3C标准

4、HTML基本结构

5、网页的基本标签

1、标题标签

2、段落标签

3、换行标签

4、水平线标签

5、字体样式标签

6、注释和特殊符号

6、图像标签

7、链接标签

8、行内元素和块元素

总结

---

HTML5

HTML 基础

1、什么是HTML

HTML：Hyper Text Markup Language（超文本标记语言）

 超文本包括：文字、图片、音频、视频、动画等

2、HTML5的优势

世界知名浏览器厂商对HTML5的支持：微软，Google，苹果，Opera，mozilla firefox，

市场的需求：现在的市场已经迫不及待的要求有一个统一的互联网通用标准

跨平台：HTML5可以做到跨平台开发，核心代码就可以不需要重复编写，极大的减少了开发人员的工作量。

3、W3C标准

W3C：

• World Wide Web Consortium（万维网联盟）成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
• http://www.w3.org/
• http://www.chinaw3c.org/

W3C标准包括：

• 结构化标准语言（XHTML 、XML）
• 表现标准语言（CSS）
• 行为标准（DOM、ECMAScript ）

常见的网页编辑工具IDE：

• 记事本
• NotePad++
• Sublime
• VsCode
• WebStorm
• HBuidler
• IDEA

没有最好的，只有最合适的

4、HTML基本结构

HTML网页基本结构

1. 强调HTML标签都以“< >”开始、“</ >”结束
2. 说明网页基本结构中这几个标签的用法
3. 网页中所有的内容都放在之间

5、网页的基本标签

1、标题标签

2、段落标签

3、换行标签

4、水平线标签

5、字体样式标签

6、注释和特殊符号

<!--我是注释-->

6、图像标签

常见的图像格式：jpg、gif、png、bmp、
说明JPG、gif是网页中最常用的格式，PNG受浏览器兼容性的限制

7、链接标签

• 页面间链接：从一个页面链接到另外一个页面
• 锚链接
• 功能性链接

锚链接：

功能性链接：

这几种都是常用的功能性链接，例如在网上单击一些QQ图标直接弹出QQ对话框，或单击MSN图标直接弹出MSN对话框，这些都是使用了功能有性链接

8、行内元素和块元素

总结