# 01HTML基础_HTML学习笔记

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元素.png
  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 文件用编译器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器就会按照标签描述内容将文件渲染成网页。


https://www.cnblogs.com/csyl3140401254/articles/16504847.html
https://github.com/csyl3140301254/HTML-Learm/issues/1

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容