使用HTML制作网页(精).docVIP

使用HTML制作网页(精) 使用HTML制作网页(精) PAGE / NUMPAGES 使用HTML制作网页(精) 使用 HTML制作网页 台州电大工程技术系 钱莹 HTML（ Hyper Text Mark-up Language ）即超文本标志语言，是  WWW的描 述语言。HTML语言是由 HTML标志构成的描绘性文本， HTML标志能够说明文字、图形、动画、声音、表格、链接等。 HTML的构造包含头部 (Head) 、主体 (Body) 两大多数。头部描绘阅读器所需的信息，主体包含所要说明的详细内容。 经过使用 HTML，我们能够制作出精巧的页面，同时，它也是设计功能更强盛的电子商务网站的基础。 经过本章节的学习，要求同学掌握 Tab 标签，字标题标签，文本，链接，图片，表格等各种 HTML标志的使用规则， 熟习标志中各种属性的含义及使用方法。 在本章节的学习中， 我们将环绕 HTML标志学习，经过一个实质事例制作 （台州旅行网主页），挨次学习 Tab 标签，字标题标签，文本，链接，图片，表格等各种 HTML标志；在对以上标签进行介绍同时，辅以实质事例制作，使学习过程中能够理论与实质相联合，提升教课成效。 台州旅行网 Tab 标签 html /html head /head title /title  此间为全部的页面元素代码 搁置页面的一些属性，如 meta 等 设定网页的标题 body /body 整个页面的主体部分，可设定背风景，文本等 例 : body bgcolor= 颜色代码 background= 图片地点 onload= text= link= vlink= 已接见后的颜色 alink= 单击时的颜色 HTML标志示例 html head title 台州旅行信息网 /title /head body 台州旅行信息网制作 步骤一：熟习（ HTML,HEAD,TITLE,BODY）标志 /body /html 步骤一程序 功能：经过示例，使学生对 HTML标志功能产生直观印象。 重点： html 标志一定成对使用，比如 html/html 各标志的功能 标志的嵌套关系 字标题标签 h1 /h1 放标题 1,2 表显示的大小 h2 /h2 · h7 /h7 别的还有 hr /hr 能够插入一个横线，自然，你业能够改正此线的有关属性 . 字标题标志示例 重点： 字标题标签的使用方法 h1h2 h7字体的大小摆列 文本 p /p 定义一行且空出一行 p align=center/right/left /p br 换行 font size=2 color=#FFFFFF face= 宋体 文本 /font b 加粗 如 : font b 文本 /b /font I /I 使倾斜 u /u 下划线 步骤三示例 重点： 1、p/p标志与 br标志的差别 2、BIU标志的使用 3、font 标志及其各属性使用方法， color 属性使用方法 链接 a href= 地点 文本 /a 比较惯例，此中能够对文字进行修饰 a href=mailto:vastmaster@163.com 发送邮件 /a a href= title= 文字 /a title 说明鼠标放到上边时显示的文字 超连结示例 图片链接 img src= 地点 alt= 欢迎接见 width=200 height=200 border=0 align=center 只要将上边的的加入 a href= /a 中便可以了 图片使用示例 表格 th 表格头 /th 常是黑体居中的文字 table /table tr /tr 定义行标签 td /td tbody /tbody table width=100%  height=600  border=0  cellspacing= cellpadding= cellspacing tr align= tr vlign=  为相邻单元表格间距， 水平对齐方式 竖直对齐方式  celladding  为边框同内容间距 表格使用示例 重点： 1、table,tr,td 等标志使用方法 2、表格高度，宽度，边框等属性设置方法 3、灵巧使用表格进行网页排版。 使用以上各种标志，设计出“台州旅行网”页面 经过灵巧使用以上各种标志，我们便可以成立一张近似于“台州旅行网”的精巧网页。