HTML学习01- 基础

HTML 简介

什么是 HTML？

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言(Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

HTML 标签

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

• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签

标签解释

• 与 之间的文本描述网页
• 与 之间的文本是可见的页面内容

• 与

  之间的文本被显示为标题

• 与

  之间的文本被显示为段落

我的第一个标题
我的第一个段落。

我的第一个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 标题

HTML 段落

HTML 段落是通过

标签进行定义的。

This is a paragraph.

HTML 链接

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

这是一个链接

HTML 链接

HTML 图像

1.HTML 图像是通过 标签进行定义的。
2.图像的名称和尺寸是以属性的形式提供的
3.width调整图片宽度
4.height调整图片高度

HTML 图像

HTML 元素

HTML 文档是由HTML元素定义的。

表示换行

hhhhhhhhhh
ddddaaaa

换行演示

HTML 属性

1. 属性为HTML 元素提供附加信息。
2. 属性总是以名称/值对的形式出现，比如：name="value"。
3. 属性总是在 HTML 元素的开始标签中规定。

属性实例

• HTML 链接由 标签定义。链接的地址在 href 属性中指定

This is a link

• 定义标题的开始。
  

  拥有关于对齐方式的附加信息

标题


hhhhhhhhhh
ddddaaaa

标题居中

• 定义 HTML 文档的主体。
  拥有关于背景颜色的附加信息。

标题

背景色

HTML水平线

• HTML 水平线
  

  ---

  标签在 HTML 页面中创建水平线。
  hr 元素可用于分隔内容
  使用水平线 (

  ---

  标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。

标题

水平线

HTML 注释

1. 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
2. 开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。

注释是这样写的：

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色

标题1


标题2

背景色

HTML 样式实例 - 字体、颜色和尺寸

1、font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
2、style 属性淘汰了旧的 标签。

标题1


标题2

字体颜色

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式

标题1


标题2

文本对齐