HTML发展与常用标签

HTML
什么是HTML?
HTML称为超文本标记语言,是一种标识性语言(其不是编程语言)。
超文本是一种组织信息的方式,他通过超链接方法将文本中的文字,图表与其他信息媒体相关联。

HTML的发展史
它最初于1989年由GERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义,并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以很早就得到各个Web浏览器厂商的支持。
①HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
②HTML 2.0:1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。
③HTML 3.2:1997年1月14日,W3C推荐标准。
④HTML 4.0:1997年12月18日,W3C推荐标准。
⑤HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。
⑥HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。

HTML发展与常用标签
HTML的开发环境*
开发环境:只要具有记事本功能,例:vim、sublime、ueditor、notepad++、EditPlus、IDE、webstorm、hbuilder、vscode等。
运行环境:浏览器
HTML的基本代码(helloworld)
HTML发展与常用标签
HTML的常见标签
标签分类:
块标签:默认占据一行的标签。(

</div)等
行标签:只占据内容部分 。(</span)等
(1)p # 段落标签(

)
HTML发展与常用标签
(2)h(1~6) # 标题标签(只有从一到六的标签,

)
HTML发展与常用标签
(3)div # 标准块标签,主要用于网页布局
HTML发展与常用标签
(4)span # 标准行内标签(其中可以添加文字修饰的标签)
HTML发展与常用标签
(5)b/strong # 字体加粗
HTML发展与常用标签
(6)i/em # 加斜
HTML发展与常用标签
(7)u # 下划线

HTML发展与常用标签
(8)del # 删除线
HTML发展与常用标签
(9)br # 换行
HTML发展与常用标签
(10)hr # 分割线
HTML发展与常用标签
(11)pre #原样输出(在记事本中显示其原本面目(可以显示空格,换行等))
HTML发展与常用标签
HTML的语义化标签(无实际意义,其是方便人们阅读)
article # 文章标签
header # 头部标签
section # 正文标签
footer # 尾部标签
aside # 侧列内容
nav # 导航标签
等。
HTML发展与常用标签

HTML中的多媒体标签
图片:img(中可使用src (图片路径)title(图片标题) alt (图片无法显示时显示的文字)width (图片宽度)height(图片高度))
HTML发展与常用标签
视频:video (controls属性用来表示视频的控制组件 ,autoplay属性表示自动播放)

HTML发展与常用标签
音频:audio(controls属性用来表示视频的控制组件 ,autoplay属性表示自动播放)
HTML发展与常用标签

列表标签(几个列表可以在其他中插入使用)
有序列表 ol
无线列表 ul
数据列表 dl
HTML发展与常用标签
表格标签(可以进行数据展示与页面布局)
table(tr(行) td(列) )
HTML发展与常用标签
超链接标签(跳转到你所打路径)
a(注意完整路径)
HTML发展与常用标签
超链接锚点定位(块标签与超链接的和用)

HTML发展与常用标签