带你深入了解Java!三十二、初始HTML!

< 初始HTML >

他不是编程语言,标记语言(Markup Language)使用标签标记来描述一些事物是一种语言。
md markdown 一种文件格式,程序员必会!它支持一些标记语言,甚至HTML。
一般来讲编程语言都有选择和循环结构。

一、了解HTML相关概念

  • HTML(Hyper Text Markup Language)
    超文本标记语言,标准通用标记语言下的一个应用,HTML不是一种编程语言,而是一种标记语言(Markup Language),网页制作的必备

  • 超文本
    超越了文本、不仅仅是文本,除了文本还包含图片、链接,甚至音乐、程序等非文字元素

  • XML(eXtensive Markup Langusge)
    可扩张的标记语言,我们的XML它是可以随意在文件中定义自己的标记,但是HTML它的标记都是官方定制的语法,无法自定义,XML的宗旨是用来传输数据,HTML是用来网页中的描述。
    扩展名为: .htm .html

  • HTML的发展史
    带你深入了解Java!三十二、初始HTML!

  • W3C 和 WHATWG
    带你深入了解Java!三十二、初始HTML!

二、掌握 HTML 的基本结构

HTML是一个弱语法的标记语言。它不像XML 和Java 等那么严格!
带你深入了解Java!三十二、初始HTML!

  • Web前端开发常用的IDE:
    Sublime、Text3、HBuilder X、HBuilder、WebStorm、VSCode、DreamWeaver

三、掌握HTML的常用标签

  • Head中常用配置标签
    带你深入了解Java!三十二、初始HTML!

  • 常用 的超文本标签
    标题标签

    带你深入了解Java!三十二、初始HTML!
    段落换行标签
    带你深入了解Java!三十二、初始HTML!
    水平线和加粗、倾斜
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    图片标签
    带你深入了解Java!三十二、初始HTML!

  • 超链接标签 超链接、超文本链接
    网页间链接
    最常用,链接地址为某个网页
    带你深入了解Java!三十二、初始HTML!
    锚链接
    在同一文档 / 网页中,进行不同位置的链接跳转。目录就是锚链接没百度百科右侧的侧边栏
    带你深入了解Java!三十二、初始HTML!
    功能性链接
    通过链接可以打开电子邮箱、QQ、拨号盘等
    带你深入了解Java!三十二、初始HTML!

  • 视频音乐链接
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!带你深入了解Java!三十二、初始HTML!

  • 语义化标签
    网页设计常用 < div > 标签来进行布局设计。但是这种标签数量多了,在维护和阅读时非常混乱!
    带你深入了解Java!三十二、初始HTML!
    其实语义化标签和< div > 作用一致。
    带你深入了解Java!三十二、初始HTML!
    带你深入了解Java!三十二、初始HTML!

  • 注释和特殊符号
    带你深入了解Java!三十二、初始HTML!