html基础视频教程之基本结构篇

浏览数：62 / 时间：2015年06月09日

HTML简介
Html是一种标记语言,通过一些标记,标记网页的构成,然后浏览器就会根据这些标记进行显示, 你所看到网页上任何内容,都是通过HTML标记出来的.不管是文字,图片,声音,动画,视频等一系列内容.
HTML的基本结构

两种标记形式，一种是成对出现，有起始，还要有结束。一种是单标记。成对出现示例:开始<html>，结束</html> 单标记示例

<html> -------根控制标记
<head> -------头控制标记
<title>标题</title> -------标题标记
</head> -------头控制标记（尾）
<body>
-------网页显示区域
</body>
</html> -------根控制标记(尾)
标记与字符编码
<title>www.11css.com</title>设置浏览器的视窗标题
<body>…</body>页面可见内容
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
说明：
最易懂的说法就是UTF-8里包括GB2312。UTF-8是国际通用的标准（包括世界所有的语言），而GB2312（只是简体中文）只适合做中文的网站
META－用于优化
示例：
网页的描述语言，用一句话描述网页主要的内容：
<meta name="description" content="自己写的概括语言 ">
这是网页的关键字:
<meta name=“keywords” content=“关键词1,">
作者:
<meta name=“author” content=“学CSS网">
<meta name="subject" content="css教程">
<meta name="copyright" content="Copyright 2014 www.11css.com Corporation,All Rights Reserved." />
HTML控制标记的格式
(1).<标记名称> 
单一型,无设置值的。
如： 
(2).<标记名称属性=”属性值”>
单一型，有设置值的。
如：<hr width=”80%”/>
(3).<标记名称>…</标记名称>
对称型，无设置值。
如：<title>…</title>
(4).<标记名称属性=”属性值”>…</标记名称>
对称型，有设置值。
如：…