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(超文本标记语言)

 超文本包括:文字、图片、音频、视频、动画等
HTML基础HTML基础

2、HTML5的优势

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

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

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

3、W3C标准

W3C:

W3C标准包括:

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

常见的网页编辑工具IDE:

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

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

4、HTML基本结构

HTML网页基本结构

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

HTML基础HTML基础

5、网页的基本标签

1、标题标签

HTML基础HTML基础

2、段落标签

HTML基础HTML基础

3、换行标签

HTML基础HTML基础

4、水平线标签

HTML基础HTML基础

5、字体样式标签

HTML基础HTML基础

6、注释和特殊符号

<!--我是注释-->
HTML基础

HTML基础HTML基础

6、图像标签

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

HTML基础HTML基础

7、链接标签

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

HTML基础HTML基础

锚链接:

HTML基础HTML基础

功能性链接:

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

HTML基础HTML基础

8、行内元素和块元素

HTML基础HTML基础

总结

HTML基础HTML基础

 

上一篇:2021-06-08 W3C了解


下一篇:DOM学习历程-1