Skip to content

01HTML基础_HTML学习笔记 #1

Open
@csyl3140301254

Description

@csyl3140301254
Owner

01HTML基础

1.1HTML概述

HTML是一种超文本标记语言,即 HyperText Markup language 。不是一门编程语言。

1.2HTML的功能

  • HTML 是用来描述网页的一种语言。
  • HTML文档=网页

1.3HTML的构成

一个 HTML 文件由元素组成,而 HTML 元素由 HTLM 标签和属性,内容构成。

1.3.1HTML元素

  • HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

1.3.2HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> </b>
  • 标签对中的第一个标签是开始标签(start tag),第二个标签是结束标签(end tag)
  • 开始和结束标签也被称为开放标签(opening tag)和闭合标签(closing tag)

1.3.3HTML属性

  • HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

  • 属性总是以名称/值对的形式出现,比如:name="value"

  • 属性总是在 HTML 元素的开始标签中规定。

1.3.4剖析一个 HTML 元素

剖析一个HTML元素

  1. 开始标签(Opening tag):包含元素的名称(本例为 p),被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果
  3. 内容(Content):元素的内容,本例中就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。

1.4HTML文档的结构

  1. 开始标签(Opening tag):包含元素的名称(本例为 p),被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
  3. 内容(Content):元素的内容,本例中就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。
<html>
    <head></head>
    <body></body>
</html>
  • <html></html>称为根元素,所有的网页元素都在 <html></html> 中;

  • <head></head>元素用于定义文档的头部;

    头部元素含有:<meta> <title> <link> <script> <style>

    • <title> 标签定义文档的标题。双标签
    • <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。单标签
    • <link> 元素引入外部样式。单标签
    • <script> 元素可以定义页面的脚本内容。双标签
    • <style>元素用于为 HTML 文档定义样式信息。双标签
  • <body></body>元素用于定义网页显示的内容。


一个 HTML 文件就是一个网页,HTML 文件用编译器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器就会按照标签描述内容将文件渲染成网页。

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @csyl3140301254

        Issue actions

          01HTML基础_HTML学习笔记 · Issue #1 · csyl3140301254/HTML-Learm