(HTML入门.docVIP

ㄟHTML入门 什么是HTML HTML是一种网页的格式，全名为 HyperText Markup Language，是一种网页设计的标准语言，包含了很多特殊的标记，让浏览器解读，然后显示在屏幕上。 各位同学在制作网页可能会用到许多方便的网页制作软件，例如FrontPage 2000或DreamWeaver亦或是Namo Webedit等软件，进些软件有什么特色呢？需要付出那些代价呢？如果家里没有这些软件怎么办呢？所以我们得花一点时间来认识如何编辑HTML。 HTML的格式 一个HTML标记都是使用...，而结束标记则使用/...。现在的浏览器很聪明，有些不用加结束标签浏览器也会自动显示你想要的效果，但作为一个网页设计者，最好养成也加上结束标签的习惯。 简单的范例 请开启「记事本」，方法是按下「开始」→程序集→附属应用程序→记事本。 请在记事本内依序输入表格内红色文字部份 html 这个代表了一个HTML档的开始，告诉浏览器这是一个HTML檔。 head 档头部分，亦即是设定浏览器标题、语系、页面进出效果的地方。 title一个简单的范例/title 此为浏览器标题栏的文字，并有结束标记。 /head 告诉浏览器结束档头部分。 body bgcolor=#DEFE7A text=#000000 代表这是正式内文。由这个卷标至结束卷标前，这些东西都会被显示在浏览器中。 br 这是换行符。在HTML中，在原始码中输入Enter不会视作分行，必须使用此标记。此标记没有结束标记。 这是HTML的第一个练习br 表示在网页上显示这些文字并分行。 /body 宣告结束正式内文。 /html 宣告一个HTML档的结束。 储存档案 请将档案储成EX01.HTML。 看看我们的成果吧 对着EX01.HTML按鼠标左键两下。成果如下： 察看网页的HTML原始档 看看网页的原始档有什么好处呢？ 除错，察看网页原始档的错误。 观看其他高手的原始档有助于自己网页设计的功力。 参考数据：DOB网站建制百宝箱（.tw） 背景BODY标签简介 背景属性设定 背景颜色或图片的设定以及链接字体的颜色，通通都放在body这标签里面。 body bgcolor=#f9e6a2 background=bg.jpg text=#000000 bgcolor #f9e6a2 网页的背景颜色 background bg.jpg 背景图片 text #000000 文字颜色 练习完成后请存盘成EX02.html。 链接文字颜色设定 body link=#ff6600 alink=#0099ff vlink=red link #ff6600 设定连结的颜色 alink #0099ff 设定「按下连结」的颜色 vlink red 设定「按下链结后」的颜色 练习完成后请另存新档EX03.html。 文字FONT卷标简介 font face=标楷体 color=#fefecb size=7这是标楷体练习/font face 标楷体 字型为标楷体 color #fefecb 字体颜色为fefecb size 7 字体大小为7 练习完成后请存成EX04.html。 【标题标签】请自行上DOB网站建制百宝箱查询。 【字型变化卷标】请自行上DOB网站建制百宝箱查询。 【排版标签】请自行上DOB网站建制百宝箱查询。 影像IMG卷标简介 影像卷标属性设定 img src=boy.gif alt=本站特约模特儿 align=right border=0 hspace=2 vspace=2 height=56 width=32 Img src Boy.gif 显示boy.gif这个图档 alt 本站特约模特儿 说明文字 Align Right(上中下左右) 图片位置设定 border 0 边框粗细 hspace 2 与文字的水平距离 Vspace 2 与文字的垂直距离 Height 56 设定图片高度不设也可以 width 设定图片宽度不设也可以 范例练习 请在记事本内依序输入如下html标签 输入完成后请将档案存成ex05.html 表格table卷标简介 当我们在用WORD等文书编辑器做表格时，我们会想到的就只有：「这个表格直的要有几栏、横的需要几列」，然而，要使用记事本做出一个网页表格，就不是这么一回事了。 几个简单的范例 如果我要再加上一列呢？ 左右字段的表格合并怎么做呢？ 上下字段的表格合并怎么做呢？ 表格的大小及表格内的文字图片都可以借着设定其他参数来达成。使用方法可参阅首页制作百宝箱。 .tw 作业：请利用本周table及之前的img卷标，制