AitSchool

HTML

HTML的英文名：HyperText Markup Language ,全称为，超文本标记语言。

  • 超文本的基本特征就是超链接，能把除了基础文本以外的资源给引入进来，例如：图片、音频、视频、样式、脚本等等，不仅仅只有文字。
  • 标记语言，并不是真正的的程序语言，用于用来结构化和含义页面的元素。

在网页开发中，前端重要语言有三个，分别是：HTML、CSS、JavaScript，HTML负责页面结构、CSS负责样式、JavaScript负责事件。

HTML，是我们所有信息、资源流的集合与标记，如同树干与树叶的关系，告诉我们页面有什么，在哪里。就其核心来说, 是由元素组成的语言，为文本赋予它在一个文档中不同的意义, 结构化文档为逻辑区块 并且可以嵌入图片影像等资源到一个页面中。

文档

HTML 文件类型的后缀为 .html 文件。以下是一个完整小精简的文档，可以复制到本地html类型的文件中用浏览器打开。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>A tiny HTML document</title>
</head>
<body>
    <p>Hello,HTML!</p>
</body>
</html>

元素

HTML是由元素组成，元素的组成部分有：开始标签、内容、闭合标签。例如以下一个段落元素事例：

<p>Hello,HTML!</p>
  • 开始标签：这里包含了元素的名称，被开、闭尖括号所包围。如 ：(<p>)。
  • 内容：元素的内容，如例子中就是所输入的文本本身 Hello,html!。
  • 闭合标签：与开始标签相似，只是其在元素名之前包含了一个斜杠。如这一段落的结尾(</p>)。

标签

HTML 为由一对尖括号所括起来的内容赋予了特定含义. 这样的标识称为一个 标签（tag）。

大多数 HTML 元素由一个起始标签和一个结束标签标识。起始标签和结束标签应成对出现，也就是说在一个起始标签之后应有其对应的结束标签。 由两个标签（起始标签和结束标签）构成的元素而言，缺少其中之一，这个元素都可能会被认为是无效的。

<em>我<strong>真的</strong>是这个意思</em> <!-- 有效: -->
<em>我<strong>真的</em>是这个意思</strong> <!-- 无效: -->

有些元素没有包含文本内容或者其他元素，这称为空元素。它们没有结束标签，请看下面例子:

<img src="smileyface.jpg" alt="Smiley face" >

属性

开始标签可能包含一些信息，这些信息叫做元素的特性，包括两部分:属性名、属性值。

<img id="testId" class="test-klass" src="smileyface.jpg" alt="Smiley face" title="Smiley face">

一些元素可以只有特性名没有特性值。它们的特性名类似“是否”，“有或没有”，所以可以省略特性值，所以下面三种写法都是一样的意思:

<input required="required">
<input required="">
<input required>

以下是html元素的公共属性：

属性值描述
classclassname规定元素的类名（classname）
idid规定元素的唯一 id
stylestyle_definition规定元素的行内样式（inline style）
titletext规定元素的额外信息（可在工具提示中显示）

结构标签 →