html源代码中图像元素⽤什么标记定义,HTML_CSS⼊门学习1 HTML 简介
下⾯解释什么是HTML，以及HTML标签和HTML⽂档的含义。
1.1 什么是 HTML？
HTML 是⽤来描述⽹页的⼀种语⾔。
HTML 指的是超⽂本标记语⾔ (Hyper Text Markup Language)
HTML 不是⼀种编程语⾔，⽽是⼀种标记语⾔(markup language)
标记语⾔是⼀套标记标签 (markup tag)
HTML 使⽤标记标签来描述⽹页
1.2 HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，⽐如\
和
HTML 标签通常是成对出现的，⽐如 和
标签对中的第⼀个标签是开始标签，第⼆个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
1.3 HTML ⽂档 = ⽹页
HTML ⽂档描述⽹页
HTML ⽂档包含 HTML 标签和纯⽂本
HTML ⽂档也被称为⽹页
Web 浏览器的作⽤是读取 HTML ⽂档，并以⽹页的形式显⽰出它们。浏览器不会显⽰ HTML 标签，⽽是使⽤标签来解释页⾯的内容：我的第⼀个标题
我的第⼀个段落。
例⼦解释
与 之间的⽂本描述⽹页
与
之间的⽂本被显⽰为标题
与
之间的⽂本被显⽰为段落
2 HTML 基础
本章通过实例向您演⽰最常⽤的 HTML 标签。
2.1 HTML 标题
HTML 标题(Heading)是通过
-
等标签进⾏定义的。
This is a heading
This is a heading
This is a heading
2.2 HTML 段落
HTML 段落是通过
标签进⾏定义的。
This is a paragraph.
This is another paragraph.
2.3 HTML 链接
HTML 链接是通过 标签进⾏定义的。
2.4 HTML 图像
HTML 图像是通过 标签进⾏定义的。
2.5 HTML ⽔平线
标签在 HTML 页⾯中创建⽔平线。hr 元素可⽤于分隔内容。
This is a paragraph
This is a paragraph
This is a paragraph
2.6 HTML 注释
可以将注释插⼊ HTML 代码中，这样可以提⾼其可读性，使代码更易被⼈理解。浏览器会忽略注释，也不会显⽰它们。注释是这样写的：
2.7 换⾏
如果您希望在不产⽣⼀个新段落的情况下进⾏换⾏(新⾏)，请使⽤
标签。
如何查看html代码2.8 HTML 提⽰ - 如何查看源代码
您⼀定曾经在看到某个⽹页时惊叹道 “WOW! 这是如何实现的？”
如果您想到其中的奥秘，只需要单击右键，然后选择“查看源⽂件”(IE)或“查看页⾯源代码”(Firefox)，其他浏览器的做法也是类似的。这么做会打开⼀个包含页⾯ HTML 代码的窗⼝。
3 HTML 编辑器
可以使⽤专业的 HTML 编辑器来编辑 HTML：
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
不过，我们同时推荐使⽤⽂本编辑器来学习 HTML，⽐如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使⽤⼀款简单的⽂本编辑器是学习 HTML 的好⽅法。
通过记事本，依照以下四步来创建您的第⼀张⽹页。
步骤⼀：启动记事本。
步骤⼆：⽤记事本来编辑 HTML，在记事本中键⼊ HTML 代码。
步骤三：使⽤ .htm 或 .html 扩展名保存 HTML ⽂件。
步骤四：使⽤任意浏览器打开这个 HTML ⽂件。
4 HTML元素
HTML ⽂档是由 HTML 元素定义的。HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
开始标签
元素内容
结束标签
This is a paragraph
This is a link
4.1 HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终⽌
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进⾏关闭(以开始标签的结束⽽结束)
⼤多数 HTML 元素可拥有属性
4.2 HTML 实例解释
元素：
This is my first paragraph.
这个\
元素定义了 HTML ⽂档中的⼀个段落。这个元素拥有⼀个开始标签\
，以及⼀个结束标签
。元素内容是：This is my first paragraph。
4.3 空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，⽐如
，是关闭空元素的正确⽅法，HTML、XHTML 和 XML 都接受这种⽅式。
4.4 HTML 提⽰：使⽤⼩写标签
HTML 标签对⼤⼩写不敏感：
。许多⽹站都使⽤⼤写的 HTML 标签。
推荐使⽤⼩写标签，因为万维⽹联盟(W3C)在 HTML 4 中推荐使⽤⼩写，⽽在未来 (X)HTML 版本中强制使⽤⼩写。
5 HTML 属性
HTML 标签可以拥有属性。属性为 HTML 元素提供附加信息。
属性总是以名称/值对的形式出现，⽐如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
5.1 更多 HTML 属性实例
属性例⼦ 1:
定义标题的开始。
拥有关于对齐⽅式的附加信息。
属性例⼦ 2:
5.2 HTML 提⽰：使⽤⼩写属性
属性和属性值对⼤⼩写不敏感。
不过，万维⽹联盟在其 HTML 4 推荐标准中推荐⼩写的属性/属性值。⽽新版本的 (X)HTML 要求使⽤⼩写属性。5.3 始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常⽤的，不过使⽤单引号也没有问题。
在某些个别的情况下，⽐如属性值本⾝就含有双引号，那么您必须使⽤单引号，例如：
name='Bill "HelloWorld" Gates'
5.4 HTML 属性参考⼿册
我们的完整的 HTML 参考⼿册提供了每个 HTML 元素可使⽤的合法属性的完整列表：
下⾯列出了适⽤于⼤多数 HTML 元素的属性：
属性
值
描述
class
classname
规定元素的类名(classname)
id
id
规定元素的唯⼀ id
style
style_definition
规定元素的⾏内样式(inline style)
text
规定元素的额外信息(可在⼯具提⽰中显⽰)
如需更多关于标准属性的信息，请访问：
6 HTML 样式
style 属性⽤于改变 HTML 元素的样式。
6.1 HTML 的 style 属性
style 属性的作⽤：提供了⼀种改变所有 HTML 元素的样式的通⽤⽅法。
样式是 HTML 4 引⼊的，它是⼀种新的⾸选的改变 HTML 元素样式的⽅式。通过 HTML 样式，能够通过使⽤ style 属性直接将样式添加到 HTML 元素，或者间接地在独⽴的样式表中(CSS ⽂件)进⾏定义。
您可以在我们的 CSS 教程中学习关于样式和 CSS 的所有知识。
6.2 不赞成使⽤的标签和属性
在 HTML 4 中，有若⼲的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不⽀持这些标签和属性。
应该避免使⽤下⾯这些标签和属性：
标签
描述
定义居中的内容。
和
定义 HTML 字体。
和
定义删除线⽂本
定义下划线⽂本
属性
描述
align
定义⽂本的对齐⽅式
bgcolor
定义背景颜⾊
color
定义⽂本颜⾊
对于以上这些标签和属性：请使⽤样式代替！
6.3 HTML 样式实例
背景颜⾊
background-color 属性为元素定义了背景颜⾊：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。