第八章网页设计基础
内容介绍
HTML超文本语言简述
Dreamweaver MX2004 基本功能和工作界面
基本操作
页面布局设计
Dreamweaver MX2004 CSS样式
插入媒体元素和滚动字幕
网页发布
习题八
HTML超文本语言简述
HTML 语言简介
HTML文档结构
HTML 常用标记及其属性
返回
HTML 语言简介
HTML(Hyper Text Markup Language)即超文本标记语言,因特网上的大多数静态网页都是用HTML语言编写成的。用HTML语言编写的超文本文档称为HTML文档,它独立于各种操作系统平台(如LINUX,WINDOWS等),由浏览器解释和执行就得到内容丰富的网页并在浏览器中显示出来。
返回
HTML 语言简介
生成HTML文档主要有以下三种途径:
启动记事本程序,用HTML语言规范编写文档,保存为“.html”的文件,即生成可被浏览器解释执行的网页。
在动态网页中,Web服务器(或称HTTP 服务器)根据客户端提交的数据、参数等信息实时动态地生成HTML代码并返回给客户端,客户端浏览器解释执行该代码得到相应的动态网页。
返回
HTML文档结构
HTML的标记格式为:<标记>内容</标记>,如<HTML>……</HTML>,告知浏览器HTML文档的开始与结束,<HEAD>……</HEAD>标示头文件等。
【例8-1】HTML文档结构。
<html>
<head>
<title>标题(头部信息)</title>
</head>
<body>
<h4 align="center">HTML文档结构</h4>
<p>正文(HTML网页正文内容信息)
</body>
</html>
返回
HTML文档结构
标记符的含义为:
<html>……</html>:声明该文档是HTML代码文档。
<head>……</head>:文档头,可插入网页标题、作者信息、版本等信息。
<title>……</title>:文档标题,将显示于浏览器窗口的标题栏中。
<body>……</body>:正文内容,标记文档的主体部分,属性标记影响整个文档。
<h4 align="center">……</h4>:属性标记,参数为4号字,居中。
<p>……:段落标记,该标记为单标记,可以不出现</P>。
返回
HTML 常用标记及其属性
返回
文本是网页设计的基础部分,其格式包括字体、字号、颜色、段落等,恰当应用文字与段落标记设置文本,能优化网页布局,美化网页。
文字标记及属性
功能及作用
段落标记及属性
功能说明
<hn>…</hn>
align
设置标题文字,n取值范围在1~6之间,h1最大,h6最小
文字的对齐方式设置
<p >…</p >
align
class
定义段落
段落对齐方式
段落文字显示样式
<font>…</font >
face
size
color
设置文字的字体、大小、颜色
字体设置
字号设置
文字颜色设置
<pre>…</pre>
定义文本块
<b>…</b>
加粗效果
<br>
插入换行符
<i>…</i>
斜体效果
<u>…</u>
下划线
返回
【例8-2】文字与段落设置。
<html>
<head><title>文字与段落</title></head>
<body>
<p align="center"><FONT face="华文隶书" size="+6" color="#CC0000">静夜思</FONT><br>
年代:唐代<br>作者:李白<br>体裁:乐府</p>
<pre>床前明月光,疑是地上霜。
<br>举头望明月,低头思故乡。
</body>
</html>
在记事本中录入以上代码,保存为“.html”的文件,可看效果。
返回
网页设计基础 来自淘豆网m.daumloan.com转载请标明出处.
