一、HTML的基本概念:
HTML:超文本标记语言
Web页面:是一种文档,HTML用于编写这种文档
www:万维网的缩写(World Wide Web)
Web页面绝大部分都是由HTML编写
一个html页面应该有的基本元素:
<html> ---开始HTML文档
<head> ---开始文档头部
<title> ---开始文档标题
This is the first page.
</title> ---结束文档标题
</head> ---结束文档头部
<body> ---开始文档体
The World!
</body> ---结束文档体
<html> ---结束HTML文档
HTML元素的四种形式:
<!--空元素-->
<br>
<!--带有属性的空元素-->
<hr color="blue">
<!--带有内容的元素-->
<title>http://www.sunxin.org</title>
<!--带有属性和内容的元素-->
<font color="red">http://www.sunxin.org</font>
*注意:在HTML文档中,若存在多个空白字符,浏览器显示时只解析为一个空格字符
二、段落控制标签
元素<p>表示段落控制标签,创建一个段
属性align表示段落的对齐方式,有left、center、right、justify四种值;
元素<br>表示换行
元素<hr>表示插入一条水平线
属性color指定线的颜色,值clr可以为预定义的颜色名字,也可以用16进制数表示颜色,数值前加#
元素<center>…</center>使文本居中显示
元素<hn>指出文档的标题,n是1-6的整数
三、列表标签
<ol>和<li>标签创建带数字编号的列表
<ol>标签中使用start属性,设置起始序号;
<li>标签中使用value属性,改变列表的编号顺序
<ul>和<li>标签创建带项目编号的列表
type属性指定符号样式:
-disc:实心圆圈
-square:实心方块
-circle:空心圆圈
<dl>和<dt>标签创建无符号列表
<dl>和<dd>标签创建缩进列表
例子:
<body>
<ol start="0">
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li value="5">《VB实例教程》</li>
</ol>
<!--改变排序的类型-->
<ol type="I" >
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li value="5">《VB实例教程》</li>
</ol>
<ol type="a">
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li value="5">《VB实例教程》</li>
</ol>
<!--排序变成圆圈符号-->
<ul type="disc">
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li>《VB实例教程》</li>
</ul>
<ul type="square">
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li>《VB实例教程》</li>
</ul>
<ul type="circle">
<li>《JAVA从入门到入土》</li>
<li>《C++从入门到入坑》</li>
<li>《VB实例教程》</li>
</ul>
<!--排序不出现符号-->
<dl>
<dt>《JAVA从入门到入土》</dt>
<dt>《C++从入门到入坑》</dt>
<dt>《VB实例教程》</dt>
</dl>
<dl>
<dd>《JAVA从入门到入土》</dd>
<dd>《C++从入门到入坑》</dd>
<dd>《VB实例教程》</dd>
</dl>
<!--术语列表-->
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>HTTP</dt>
<dd>超文本传输协议</dd>
</dl>
</body>
结果: