JKChang2015
5/30/2018 - 12:06 PM
HTML introduction
1. HTML简介
实例解析
<!DOCTYPE html>
<html>
<body>
<h1>我是第一个标题</h1>
<p>我是第一个段落。</p>
</body>
</html>
DOCTYPE声明了文档类型<html>标签描述了文档类型，该标签的结束标志为</html><body>标签定义文档的主体，即网页的可视化内容，该标签的结束标志为</body><h1>标签作为一个标题使用，该标签的结束标志为</h1><p>标签作为一个段落显示，该标签的结束标志为</p>
什么是HTML
HTML 语言用于描述网页。
- HTML 是指超文本标记语言: Hyper Text Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML 文档也叫做 web页面
HTML Tags
- HTML 标签是由尖括号包围的关键词，比如
<html> - HTML 标签通常是成对出现的，比如
<b>和</b> - 标签对中的第一个标签是开始标签，第二个标签是结束标签
<!DOCTYPE> 声明
<!DOCTYPE> 是标准通用标记语言的文档类型声明，有助于在浏览器中正确地显示网页。doctype声明是不区分大小写的
由于网络上文件的类型不一，因此需要正确声明 HTML 版本，以使得浏览器能够正确识别并显示您的网页内容。
中文编码
在 HTML 页面的头部声明字符为 UTF-8 可以解决在浏览器中出现中文乱码的现象。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>这是我的第一个标题</h1>
<p>这是我的第一个段落。</p>
</body>
</html>
2. HTML 基础
HTML标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小。
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
HTML段落
HTML 段落是通过标签 <p> 来定义的，P 是英文paragraph段落的缩写，经常被用来创建一个段落
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML链接
HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
<a href="http://www.w3cschool.cn">这是一个链接</a>
在 href 属性中指定链接的地址。
HTML图像
HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。img元素是自关闭元素，不需要结束标记。
<img src="w3cnote://file/getImage?fileId=w3cschoolpng" width="104" height="142">
注意： 图像的名称和尺寸是以属性的形式提供的。