HTML5 基础(1)
一、了解HTML5文档的结构
1、文档类型
<!DOCTYPE HTML> - 指定文档类型
2、根元素
<html> -文档的根元素 没有实质性的功能,HTML文件不可缺少的内容
3、头元素
<head>
<meta charset="utf-8"> 指定字符编码为UTF-8
<title> HTML页的头 </title> 头元素
</head>
4、主题元素
<body>
<img src="pic.jpg" width="400" height="400"> 主体元素
</body>
</html>
二、HTML文字排版标记
1、文字与特殊标记
在HTML文档中,要显示普通文字,只需要在<body>主题标记中,或者其他子标记中直接输入所需文字就可以了。不过,对于空格和一些特殊符号就不能直接输入了,而是需要通过一个以“&”符号开,以“;”符号结束的实体名称来替代。如 特殊符号 空格 实体名称
2、段落标记
<p> </p> 段落标记在段前段后个添加一个空行,而定义在段落标记中的内容,不收该标记的影响。
3、换行标记
<br> 在HTML文档中输入类似于Word等文档编辑软件中常用的换行(Enter)是没有用的。
4、标题标记
<h1> </h1> <h2> </h2> <h3> </h3>
<h4> </h4> <h5> </h5> <h6> </h6>
数字越小,表示级别越高,文字的字体也就越大
5、文字列表标记
(1)无序列表
无序列表是在每个列表项的前面添加一个圆点符号。通过<ul>标记可以创建一组无序列表,其中每一个列表一<li>标记表示。
(2)有序列表
有序列表和无序列表的区别是,使用有序列表标记可以将列表项进行编号。有序列表的标记为<ol>,每一个列表项前使用<li>标记。有序列表的列表项是有一定顺序的。