HTML的简介
HTML(Hyper Text Mark-up Language超文本标记语言)的缩写,HTML语言作为一种标记性的语言。
标记:就是用来修饰网页内容的一些特定符号,所以理解和掌握都是十分容易的。
可以说HTML语言在所有的计算机编程语言中是最简单易学的了。
HTML文档的创建方式:用HTML语言创建的文档
手工直接编写(例如记事本)
通过图形化的HTML开发软件Dreamweaver
由Wep服务器一方实时动态的生成地
HTML文档结构
文档结构
所有的网页文件,通常由四对标记来构成,文档的骨架,它们是:
<html>
<head>
<title>
标题
</title>
</head>
<body>
正文
</body>
</html>
<html>........</html>标识网页文件的开始与结束
<head>........</head>标识网页文件的头部信息,如标题、搜索引擎关键字等
<title>.........</title>标识网页文件的标题
<body>.......</body>标识网页文件的主体部分
文本的修饰
1.<font>
语法:
<font color=”文本颜色”size=”字号”face=”字体”>文本</font>
注:网页中的文本字体、字号一般通过CSS修饰
2.文本样式[物理字体]
注:物理字体主要指用来给文本赋以某种显示属性,而不必考虑文本的逻辑含义。
3.段落标记
<p align=”对齐方式[left、center、right]”>……
或者
<p align=”对齐方式[left、center、right]”>……</p>
4.修饰段落
<h1>内容</h1>:段落标题1
<h2>内容</h2>:段落标题2
……
<h6>内容</h6>:段落标题6
<br>:软回车(换行不换段)
Hx内的文本会自动加粗显示.Hx针对的对象是段落,而Font针对的对象的任意文本.
5. 居中标记<center>内容</center>
6.水平线
<hr width=”宽度” size=”高度” align=”对齐方式(left、center、right)” color=”颜色”
标记语法
HTML的语法有三种表达方式
1.双标记:<开始标记>内容</结束标记>
2.单标记:<标记>如换行<br>
3.标记的属性:<标记属性1=参数1 属性2=参数2……>内容</标记>
说明:
A.标记与属性、属性之间以空格分隔
B.属性不区分先后顺序;且属性不是必须的
在HTML文档中使用特殊字符
列表的标记
1.无序列表
●语法:
● <ul type=”circle、square、disc”>
□ <li type=” circle、square、disc”>内容1</li>
□ <li type=” circle、square、disc”>内容2</li>
●……
● </ul>
有序语法
●语法:
● <ol type=”a、A、i、I、1”start=”开始列表”>
□ <li type=”a、A、i、I、1”value =”列表数字”>,内容1</li>
□ <li type=”a、A、i、I、1”value =”列表数字”>,内容2</li>
●……
● </ol>
图像及页面属性
图像
WEP上支持的图像格式
GIF(图形交换格式):GIF格式文件最多只能保存256种颜色。
该格式支持透明色,支持动画效果。
JPEG(联合图像专家组):该格式不支持透明色及动画,颜色可达1670万种。
PNG(网络可移植格式):该格式支持透明色,但不支持动画,颜色从几种至1670万。
图像
<img src=”图像的位置和名称” border=”边框宽度” width=”图像的宽度” hgight=”图像的高度” alt=”注释”>
页面属性
1.注释
<!--注释内容-->
2.body属性
<body bgcolor=”背景颜色” background=”背景图像” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的文本颜色” alink=”激活的链接文本颜色” leftmargin=”左边界”
rightmargin=”右边界” topmargin=”上边界” bottommargin=”下边界”>
基本表格
表格
<table>……</table> 定义表格
<tr> 定义表行
<td> 定义表列(单元格)表格的应用
1.基本表格
2.无边框表格
3.双线表格
4.合并多列表格
5.合并多行表格
6.复杂表格(两种)
7.凸起表格、凹陷表格
8.细线表格。