HTML的网页设计.pdf
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HTML的简介
HTML(Hyper Text Mark-up Language超文本标记语言)的缩写,HTML语言作为一种标记性的语言。标记:就是用来修饰网页内容的一些特定符号,所以理解和掌握都是十分容易的。可以说HTML语言在所有的计算机编程语言中是最简单易学的了。
HTML文档的创建方式:用HTML语言创建的文档
手工直接编写(例如记事本)
通过图形化的HTML开发软件Dreamweaver
由Wep服务器一方实时动态的生成地
HTML文档结构
文档结构
所有的网页文件,通常由四对标记来构成,文档的骨架,它们是:
标题
正文
........标识网页文件的开始与结束
........标识网页文件的头部信息,如标题、搜索引擎关键字等文本的修饰
1.
语法:
文本
注:网页中的文本字体、字号一般通过CSS修饰
2.文本样式[物理字体]
注:物理字体主要指用来给文本赋以某种显示属性,而不必考虑文本的逻辑含义。
3.段落标记
……
或者
……
4.修饰段落
内容
:段落标题1内容
:段落标题2……
内容
:段落标题6
:软回车(换行不换段)
Hx内的文本会自动加粗显示.Hx针对的对象是段落,而Font针对的对象的任意文本.
5. 居中标记
6.水平线
标记语法
HTML的语法有三种表达方式
1.双标记:<开始标记>内容结束标记>
2.单标记:<标记>如换行
3.标记的属性:<标记属性1=参数1 属性2=参数2……>内容标记>
说明:
A.标记与属性、属性之间以空格分隔
B.属性不区分先后顺序;且属性不是必须的
在HTML文档中使用特殊字符
列表的标记
1.无序列表
●语法:
●
- 内容1
- 内容2
□
□
●……
●
有序语法
●语法:
●
- ,内容1
- ,内容2
□
□
●……
●
图像及页面属性
图像
WEP上支持的图像格式
GIF(图形交换格式):GIF格式文件最多只能保存256种颜色。该格式支持透明色,支持动画效果。
JPEG(联合图像专家组):该格式不支持透明色及动画,颜色可达1670万种。
PNG(网络可移植格式):该格式支持透明色,但不支持动画,颜色从几种至1670万。图像
页面属性
1.注释
2.body属性
rightmargin=”右边界” topmargin=”上边界” bottommargin=”下边界”>
基本表格
表格
1.基本表格
2.无边框表格
3.双线表格
4.合并多列表格
5.合并多行表格
6.复杂表格(两种)
7.凸起表格、凹陷表格
8.细线表格