HTML——基础

107 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第12天,点击查看活动详情

HTML 基本概念

HTML是一种标准化的标记语⾔,由一套标记标签(markup tag)组成。Web前端开发人员的一项主要工作就是利用HTML标签来编写⽹页,将文本、超链接、图片、语音、视频等各种内容整合起来,实现绚丽多姿的网页。

  • HTML标记标签,通常简称HTML标签;
  • HTML文档,通常简称HTML页面、网页等;
  • HTML5能够较好的兼容HTML之前版本,但也废弃了一些旧的HTML特性。
TML 标签

HTML标签由一对尖括号、标签名,以及反斜杠组成,包括开始标签和结束标签两类:

开始标签的格式:<标签名>

结束标签的格式:</标签名>

因此,

  • <html><head><p>等都是开始标签;
  • </html></head></p>等都是结束标签。
HTML 元素

HTML元素是由HTML开始标签、元素内容、HTML结束标签,以及各种HTML属性组成的嵌套式HTML内容单元。

典型的HTML元素的格式:

<标签名> 元素内容 </标签名>

因此,

  • 一个HTML文档,即<html>...</html>就是一个最大的HTML元素;
  • <head>...</head><p>...</p>也都是HTML元素(其中...表示两个标记之间的所有内容)。
HTML 属性

属性提供了有关HTML元素的更多的信息。

HTML属性位于开始标签,其基本的结构如下:

<标签名 属性名="属性值"> 元素内容 </标签名>

下面是关于属性的一些要点:

  • 属性在开始标签中规定;
  • 属性是以名称/值对的形式出现,比如:name="value"
  • 一个标签可以包含多个属性;
  • HTML属性不会展现到网页上。
    属性 | 值 | 含义
    | class | 自定义的元素类名 | 元素的类名
    | id | 自定义的元素id名 | 元素的唯一的id
    | style | 元素内联样式 | 元素的样式
    | title | 额外信息内容 | 元素的额外信息
根元素:HTML 元素

然后,<HTML>元素告知浏览器其本身是一个HTML文档。

除去第一行外,其余的页面内容都应该包含在<HTML>元素中,所以它也被称为根元素。

头元素:head 元素

与属性会给元素增添附加信息一样,head元素能为整个网页增添更多信息。可以用在head中的标签有<base>, <link>, <meta>, <script>, <style>, 以及 <title>

信息元素:meta

meta元素提供元数据信息,主要包括:

  1. 页面编码;
  2. 网页标题;
  3. 网页描述;
  4. 网页关键词。