HTML学习01-|HTML学习01- 基础

HTML学习01-|HTML学习01- 基础
文章图片
HTML 简介 什么是 HTML?

HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言(Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
标签解释
  • 与之间的文本描述网页
  • 与 之间的文本是可见的页面内容
  • 与之间的文本被显示为标题

  • 之间的文本被显示为段落
我的第一个标题我的第一个段落。

HTML学习01-|HTML学习01- 基础
文章图片
我的第一个html HTML 基础 HTML 标题
HTML 标题(Heading)是通过-等标签进行定义的。
h1到h6分别是一级标题到六级标题
This is heading 1 This is heading 2 This is heading 3
This is heading 4 This is heading 5 This is heading 6请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。

HTML学习01-|HTML学习01- 基础
文章图片
HTML 标题 HTML 段落
HTML 段落是通过 标签进行定义的。
This is a paragraph.

HTML 链接
HTML 链接是通过标签进行定义的。
在 href 属性中指定链接的地址
这是一个链接

HTML学习01-|HTML学习01- 基础
文章图片
HTML 链接 HTML 图像
1.HTML 图像是通过 HTML学习01-|HTML学习01- 基础
文章图片

HTML学习01-|HTML学习01- 基础
文章图片
HTML 图像 HTML 元素
HTML 文档是由HTML元素定义的。

表示换行

hhhhhhhhhh
ddddaaaa

HTML学习01-|HTML学习01- 基础
文章图片
换行演示 HTML 属性
  1. 属性为HTML 元素提供附加信息。
  2. 属性总是以名称/值对的形式出现,比如:name="value"。
  3. 属性总是在 HTML 元素的开始标签中规定。
属性实例
  • HTML 链接由标签定义。链接的地址在 href 属性中指定
This is a link

  • 定义标题的开始。
    拥有关于对齐方式的附加信息
标题 hhhhhhhhhh
ddddaaaa

HTML学习01-|HTML学习01- 基础
文章图片
标题居中
  • 定义 HTML 文档的主体。
    拥有关于背景颜色的附加信息。
标题

HTML学习01-|HTML学习01- 基础
文章图片
背景色 HTML水平线
  • HTML 水平线
    标签在 HTML 页面中创建水平线。
    hr 元素可用于分隔内容
    使用水平线 ( 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
标题

HTML学习01-|HTML学习01- 基础
文章图片
水平线 HTML 注释
  1. 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
  2. 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
【HTML学习01-|HTML学习01- 基础】注释是这样写的:

HTML 样式实例 - 背景颜色 background-color 属性为元素定义了背景颜色
标题1标题2

HTML学习01-|HTML学习01- 基础
文章图片
背景色 HTML 样式实例 - 字体、颜色和尺寸 1、font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
2、style 属性淘汰了旧的 标签。
标题1标题2

HTML学习01-|HTML学习01- 基础
文章图片
字体颜色 HTML 样式实例 - 文本对齐 text-align 属性规定了元素中文本的水平对齐方式
标题1标题2

HTML学习01-|HTML学习01- 基础
文章图片
文本对齐

    推荐阅读