HTML学习笔记1

时间：2018-12-04 15:14:19 收藏：0 阅读：180

注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<h1>我的第一个标题</h1>

我的第一个段落。

</body>

</html>

实例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
 元素定义一个段落

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

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签

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

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

<标签>内容</标签>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

HTML 链接是通过标签 <a> 来定义的.

<a href="http://www.runoob.com">这是一个链接</a>

HTML 图像是通过标签 <img> 来定义的.

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素（ 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。

属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"

class 属性可以多用 class=" " （引号里面可以填入多个class属性）
id 属性只能单独设置 id=" "（只能填写一个，多个无效）

<hr> 标签在 HTML 页面中创建水平线。

在不产生一个新段落的情况下进行换行（新行），请使用 标签：

这个 段落 演示了分行的效果

技术分享图片

<pre>
此例演示如何使用 pre 标签
对空行和空格
进行控制
</pre>

技术分享图片

在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

技术分享图片

该段落文字从左到右显示。
<bdo dir="rtl">该段落文字从右到左显示。</bdo>

技术分享图片

WWF‘s goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.

技术分享图片

My favorite color is <del>blue</del> <ins>red</ins>!

技术分享图片

原文：https://www.cnblogs.com/chickenwrap/p/10064142.html