HTML基础教程

HTML是Hypertext Markup Language的缩写,中文翻译为:超文本标记语言。

使用HTML编写的文档称为网页,目前最新版本是HTML5,而使用最广泛的是HTML4.I版本。

HTML是网页设计的基础语言,本章将介绍HTML基本概念以及相关知识,帮助读者初步了解 HTML5,为后面学习网页设计打下基础。


重点内容:

1、了解HTML相关知识和概念。

2、熟悉HTML基本语法。

3、熟练使用HTML标签。

4、正确使用HTML标签属性。


HTML基础教程 的主要内容:

  • HTML介绍:

    HTML代表超文本标记语言。它用于使用标记语言设计网页。

  • HTML4文档结构:

    本文讲解HTML4的基本文档结构。

  • HTML4基本语法:

    本文介绍HTML4的主要语法规范。

  • XHTML文档结构:

    XHTML是The Extensible HyperText Markup Language的缩写,中文翻译为可扩展标识语言,实际上 它是HTML4的升级版本。

  • XHTML 语法:

    XHTML 语法与 HTML 语法非常相似,所有有效的 HTML 元素在 XHTML 中也有效。

  • HTML5 文档结构:

    HTML5是HTML4的升级版本,也是属于HTML最新的文档结构类型。HTML5文档主要由 Head 和 Body 组成。

  • HTML5基本语法:

    HTML5是HTML的最新一个版本。和上一个版本HTML4相对比,HTML5在语法上面发生了一些变化。但是为了浏览器的兼容性,HTML5还是兼容HTML4的符合web开发标准的语法。

  • HTML4元素:

    本文介绍常用的HTML4元素,主要分为三大类:结构元素、内容元素、文本修饰元素。

  • HTML4 div元素:

    HTML4 div元素在文档中用于定义一块区域。经常使用div元素标签作为容器,包含其它元素,然后通过CSS对其进行格式化,或者相关样式设置。

  • HTML4 span元素:

    HTML4 span元素可以在html文档的文本行内定义一个区域,它不同于div元素是块级元素。span元素是内联元素。

  • HTML4 ol元素:

    HTML4 ol元素用于在HTML页面当中创建一个有序列表。

  • HTML4 ul元素:

    HTML4 ul元素用于在HTML网页当中创建一个无需的列表。

  • HTML4 li 元素:

    HTML4 li元素是用于定义html列表当中的项目信息。

  • HTML4 dl dt dd 元素(定义列表):

    HTML4 dl元素用于声明创建一个自定义的列表。自定义列表和有序列表和无序列表类似,但是在定义列表当中,需要使用dt元素和dd元素分别定义列表当中的词条和词条描述。

  • HTML4 del 元素:

    HTML4 del元素用于定义一个删除的文本。主要用于呈现已经更改删除的文本信息。

  • HTML4 ins 元素:

    HTML4 ins 元素用于定义新插入的文本。它是del删除元素标签的反例。

  • HTML4 h1~h6 元素:

    HTML4 h1~h6元素用于定义HTML文档中的标题。HTML标题元素标签有6个级别,分别从<h1>到<h6>。

  • HTML4 p 元素:

    HTML4 p 元素标签用于定义HTML文档当中的一个段落。

  • HTML4 hr 元素:

    HTML4 hr 元素标签用于定义水平线,水平线主要用于段落之间的主题分隔符。

  • HTML4 a 元素:

    HTML4 a 元素标签定义一个指向URL或HTML文档的超链接。

  • HTML4 abbr 元素:

    HTML4 abbr 元素标签定义了HTML文档中单词的缩写词。

  • HTML4 acronym 元素:

    HTML4 acronym元素标签定义了首字母缩写词。

  • HTML4 address 元素:

    HTML4 address 元素标签用于定义HTML文档中的地址信息。

  • HTML4 dfn 元素:

    HTML4 dfn 元素可以展示一个斜体的自定义项目,用于区别原文本字体。

  • HTML4 kbd 元素:

    HTML4 kbd 元素标签用于定义键盘输入键

  • HTML4 samp 元素:

    HTML4 samp 元素标签用于定义计算机程序代码的文本。

  • HTML4 var 元素:

    HTML4 var 元素标签用于定义变量文本,经常用于显示数学表达式或代码当中的变量名称。

  • HTML4 tt 元素:

    HTML4 tt元素标签用于定义打印机字体文本。

  • HTML4 code 元素:

    HTML4 code 元素标签用于定义HTML文档中的计算机代码。

  • HTML4 pre 元素:

    HTML4 pre 元素标签用于定义HTML当中预定义的文本。比如空格或换行符等。

  • HTML4 blockquote 元素:

    HTML4 blockquote 元素标签定义HTML文档中一个大的引用块。

  • HTML4 cite 元素:

    HTML4 cite 元素标签定义HTML引用文本。

  • HTML4 q 元素:

    HTML4 q 元素标签定义HTML文档中的引用短语。

  • HTML4 strong 元素:

    HTML4 strong 元素标签定义HTML文档中的强调文本。

  • HTML4 em 元素:

    HTML4 em 元素标签定义一个强调的文本。

  • HTML4 b 元素:

    HTML4 b 元素标签定义一个粗体文本,它只定义文本的外观,不对文本做特殊的强调。

  • HTML4 i 元素:

    HTML4 i 元素标签定义一个斜体的文本。

  • HTML4 big 元素:

    HTML4 big元素标签定义一个大一号的字体的文本。

  • HTML4 small 元素:

    HTML4 small 元素标签定义一个小一号的文本字体。

  • HTML4 sup 元素:

    HTML4 sup 元素标签定义上标文本。

  • HTML4 sub 元素:

    HTML4 sub元素标签定义一个下标文本。

  • HTML4 bdo元素:

    HTML4 bdo元素标签定义文本的显示方向。

  • HTML4 br 元素:

    HTML4 br 元素标签定义一个换行符。

  • HTML4核心属性:

    HTML4主要有class、id、style这三个核心属性。

  • HTML4语言属性:

    HTML4语言属性主要用来定义元素的语言类型,主要有lang、dir两个属性。

  • HTML4键盘属性:

    HTML4键盘属性主要定义元素的键盘访问方法,主要有accesskey、tabindex两个属性。

  • HTML4内容属性:

    内容属性主要用于定义内容元素的附加信息,主要是对元素内容进行补充,使得内容信息更容易被理解

  • HTML4其它属性:

    HTML4其它属性是定义元素的相关信息的属性。

  • HTML4 class 属性:

    HTML4 class 属性定义类规则或者样式规则。

  • HTML4 id 属性:

    HTML4 id属性定义元素的唯一标识。

  • HTML4 style 属性:

    HTML4 style 属性定义元素的样式。

  • HTML4 lang 属性:

    HTML4 lang 属性定义元素的编码语言。

  • HTML4 dir 属性:

    HTML4 dir 属性定义元素内容文本方向。属性值有ltr和rtl两个属性值,分别表示从左向右和从右向左。

  • HTML4 accesskey 属性:

    HTML4 accesskey 属性定义元素的键盘快捷键。

  • HTML4 tabindex 属性:

    HTML4 tabindex 属性定义tab键的执行顺序。一般用于表单元素组合控件当中,可以通过tabindex定义的顺序快速访问下一个表单元素。

  • HTML4 alt 属性:

    HTML4 alt 属性定义元素的替换文本,当元素出现异常无法显示时,就会显示alt的属性值。

  • HTML4 title 属性:

    HTML4 title 属性定义元素的提示文本。

  • HTML4 longdesc 属性:

    HTML4 longdesc 属性定义元素的长文本描述的链接。它是alt属性的扩展,对其进行补充。

  • HTML4 cite 属性:

    HTML4 cite 属性定义元素内容的信息引用来源。一般引用的来源是网页url地址或文档地址。

  • HTML4 datetime 属性:

    HTML4 datetime 属性定义元素内容变更的日期和时间。

  • HTML4 rel 属性:

    HTML4 rel 属性定义当前网页和其它网页之间的关系。

  • HTML4 rev 属性:

    HTML4 rev 属性定义其它网页和当前网页的链接关系。

  • HTML5 结构元素:

    本文介绍HTML5中新增加的结构元素。

  • HTML5功能元素:

    本文介绍HTML5中新增加的功能元素。

  • HTML5 表单元素:

    本文介绍HTML5中新增加的表单元素。

  • HTML5 header 元素:

    HTML5 header 元素用于定义页面中一个内容区块作为页面的页眉部分。

  • HTML5 footer 元素:

    HTML5 footer 元素标签用于定义页面中一个内容区块的脚注。

  • HTML5 section 元素:

    HTML5 section 元素标签定义页面中的一个内容区块.如章节、页眉、页脚或页面中的其他部分。

  • HTML5 article 元素:

    HTML5 article 元素标签定义页面中的一块与上下文不相关的独立内容。

  • HTML5 aside 元素:

    HTML5 aside 元素标签用于定义与article元素的内容相关的辅助信息。

  • HTML5 nav 元素:

    HTML5 nav 元素标签定义页面导航链接部分。

  • HTML5 main 元素:

    HTML5 main 元素标签用于指定网页中的主要内容。

  • HTML5 figure 元素:

    HTML5 figure 元素标签表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。

  • HTML5 hgroup 元素:

    HTML5 hgroup 元素用于对整个页面或页面中一个内容区块的标题进行组合。

  • HTML5 video 元素:

    HTML5 video 元素标签用于定义视频流,比如影视类的短片。

  • HTML5 audio 元素:

    HTML5 audio 元素标签定义音频,比如音乐或其他音频流。

  • HTML5 embed 元素:

    HTML5 embed 元素用于插入各种多媒体。embed主要是将外部程序插入到HTML文档中。

  • HTML5 mark 元素:

    HTML5 mark 元素标签定义一个标记文本部分。 mark 标签主要用来显示高亮的文本,用于突出一些重要的文本信息。

  • HTML5 dialog 元素:

    HTML5 dialog 元素标签定义一个对话框的窗口。

  • HTML5 bdi 元素:

    HTML5 bdi 元素标签定义文本的文本方向,使之脱离原来的文本方向。

  • HTML5 time 元素:

    HTML5 time 元素标签定义一个日期或时间。