网页设计语言HTML分析
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
设置页边距
<body leftmargin=0 topmargin=0>
3 HTML的文本标记和链接标记
文本属性的设置<font> face属性表示文本的字体 color属性表示文本的颜色 size属性表示文本的字号 例2 <font face=隶书 color=#00ff00 size=3> 标题文本的设置<Hn> <Hn>…</Hn>（标题n，n=1~6） <H1> 的字体最大， <H6>的字体最小。 其属性 align={left，center，right}，指文字的水平 对齐方式
标识符代表了网页中的对象，如 <img> 代表 图像、 <table> 代表表格；元素代表了网页对象的 属 性 ， 如 width 、 height 代 表 了 对 象 的 宽 和 高 ， color代表了对象的颜色等。 标志符大部分是成对出现的：起始标记符和 结 束 标 记 符 。 如 <body> 和 </body> 、 <table> 和 </table>等。大小写均可，不过最好为大写。
1 HTML概述
HTML（HyperText Markup Language）超文 本标记语言，几乎所有的网页都是以 HTML 格式 书写的。
HTML 以标识符来标识、排列各对象。标识 符本身以“<”和“>”标识，标识符内的内容称为元 素（ element ），也成为属性。元素代表了标识符 的意义，元素是与大小写无关的。
文本的修饰
<b>加粗 <i>斜体 <u>下划线 <sup>上标 <sub>下标
<strong>强调 <s>删除线 <small>小字体 <big>大字体 注：以上标记符都是成对出现的
段落标记
四、段落格式 1．分段与换行符 分段标记符用于将文档划分为段落，标 记符为<P>…</P> 要将文字强制换行，而不是另起段落， 可以用换行标记符BR实现该功能。注意， BR仅单独使用，而非成对出现。 2. 添加水平线 添加水平线的标记符为<HR>（与BR类 似，HR也不包括结束标记符。
网页设计语言HTML
HTML是网页制作的一种规范、一种标 准。是编写网页的最基本的语言，也是网页 设计师的必备基本功之一。 本章介绍了用HTML制作网页的各种标 记符的设置方法，包括网页数据的编辑与格 式化、在网页中使用超链接和插入图片、网 页中的表格设计以及表格与文字的混排等。
教学重点与难点
在网页中使用超链接 图片与多媒体的编排 表格与文字的混排 交互网页的制作
六、列表格式 1．有序列表 定义有序列表需要使用有序列表标记符 <OL>…</OL>和列表项（List item）标记 符<LI>…</LI>，语法如下： <OL><LI>List item1</LI> <LI>List item2</LI></OL> 2．无序列表 无序列表标记符<UL>…</UL>和列表项 标记符<LI>…</LI>
例1 <html> <head> <title>html的头部标记应用</title> </head> <meta http-equiv=“Content-Type” content=“text/html;charset=gb2312”> <meta name=“description” content=“这是一个有关搜索 引擎的主页”> <meta name=“keywords” content=“电影，电视剧， VCD，DVD，MTV”> <meta name=“author” content=“张三星”> <meta http-equiv=“refresh” content=“5;URL=http://www.126.com”> </head> <body> </body> </html>
ຫໍສະໝຸດ Baidu
2 HTML的主体标记<body> 设置背景颜色
<body bgcolor=#ff0000>
设置背景图片
<body background=“1.jpg” bgproperties=fixed>
设置文字颜色与链接颜色
<body text=#000000 link=#ccddee vlink=#ff3366 alink=#66cc77>
创建HTML文档 1．用工具软件创建HTML文档 用比较完善的工具软件来制作网页，象 FronPage2000，Dreamweaver 4等 2．用编辑工具编写HTML文档 EDIT、记事本、写字板、Word等编辑工具可以用 来编辑HTML文档。
2 HTML的头部标记和主体标记
1 HTML的头部标记 <head>标记 出现在HTML网页的开头部分。<head>与 </head>之间的内容不在浏览器窗口中显示。 <title>标记 网页标题，出现在浏览器标题栏中。 <meta>标记 用于提供HTML网页的字符编码、关键字、描述、 作者、自动刷新等信息
3. 段落对齐 （1） ALIGN属性 ALIGN属性用于设置段落的对齐方式， 其常见取值有4种：RIGHT（右对齐）、 LEFT（左对齐）、CENTER（居中对齐）、 JUSTIFY（两端对齐）。 （2）DIV标记符 （3）CENTER标记符 （4）格式的嵌套
五、 文字格式 1．字符格式 通过表3.1的标记符设置字符格式 2．字体大小、字符颜色和字体样式 （1） SIZE属性：控制文字的大小 （2）COLOR属性：控制文字的颜色 （3）FACE属性：指定字体样式
HTML的基本语法格式： <标记符 元素1=属性值1 元素2=属性值2 …… 元 素n=属性值n>
HTML文件的基本结构 <html> <head> 头部 文件头 </head> <body> 主体 文件体 </body> </html>
用超文本标记语言（HTML）编写的网页文 件其实只是很平常、很普通的文本文件。可以用 你所熟悉的文字编辑器来编辑它，如Edit、Word、 写字板、记事本等，但一定要以纯文本方式保存， 浏览器只能识别纯文本格式的文件。 <HTML>标记HTML的开始，在文件结束处要 有对应的符号</HTML>。