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>主题标记中,或者其他子标记中直接输入所需文字就可以了。不过,对于空格和一些特殊符号就不能直接输入了,而是需要通过一个以“&”符号开,以“;”符号结束的实体名称来替代。如 特殊符号   空格    实体名称  &nbsp;

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>标记。有序列表的列表项是有一定顺序的。

 

posted @ 2016-07-11 19:27  Mossad-K  阅读(212)  评论(0编辑  收藏  举报