第2章 HTML基础
网页设计与制作实例教程
知识要点
标准HTML文件的结构
基本HTML标记
HTML的属性
HTML颜色
字符实体
EditPlus
网页设计与制作实例教程
HTML的标记
HTML标记最基本的格式是:
<标记>内容</标记>
标记通常成对使用,<标记>表示某种格式的开始,</标记>表示这种格式的结束。
网页设计与制作实例教程
实例2-1 第一个网页
网页设计与制作实例教程
标准HTML文件的结构
HTML标记 html
文件头 head
题目 title
主体 body
<html>
<head>
<title>第一个页面的标题</title>
</head>
<body>这是第一个页面的内容。</body>
</html>
网页设计与制作实例教程
实例2-2 浏览标题字的效果
通过上面的实例,可以发现:
(1)<h1>到<h6>的内容都自动加粗并且显示为黑体字。
(2)<h1>到<h6>自动换行。
<strong> </strong>
网页设计与制作实例教程
实例2-3 分段标记和换行标记
<p>……</p> 是分段标记,它是一个成对的标记,段之间的距离较大,相当于换行后又空一行。
<br/> 是换行标记,它是一个单标记,表示换行。
网页设计与制作实例教程
实例2-4 注释语句的应用
<!-- 注释语句--> 这是HTML文件中的注释标记,可以把关于这段代码的功能、作者、注意事项等信息放入其中。注释语句中的内容都会被浏览器忽略,不显示在网页上,所以设计者可以在里面包含任何内容。
网页设计与制作实例教程
实例2-5 有序列表
在有序列表中,每个列表项前标有数字,表示顺序。有序列表由<ol>开始,每个列表项由<li>开始。
网页设计与制作实例教程
实例2-6 无序列表
无序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点、方块等。
无序列表由<ul>开始,每个列表项同样由<li>开始。
网页设计与制作实例教程
HTML-网页设计与制作实例教程 来自淘豆网m.daumloan.com转载请标明出处.
