wallparerskina cony 2.HTM网页设计 目录1 1文字标签 2.列表标签 3.图象标签
1.文字标签 2.列表标签 3.图象标签 4.超链接标签 5.超链接方式 目录1 2.HTML网页设计
如何建立m 我们如何写作与设计ASP网页?我们之前就说过:ASP与浏览器 之间只有下载网页及上传数据的关系,ASP程序无法控制浏览器 (网页)的内容,网页内多姿多彩的图片、文字还有声音动画 等,都还是必须通过HTM语言来建立的! 不学HM语言直接用网页编辑器来制作网页也可以。问题是要 将传统固定式的HTM网页加入ASP程序变成动态生成的网页,就 必须知道基础的HTML网页标签意义,知道应该将ASP程序语句加 在那里呢?HTM语言比较容易学,下面我们就讨论HM语言。 建立HTML网页 2-1-1基础网页架构 现在请你打开记事本来编辑网页: 步骤1 “开始”一“程序”一“附件”一“记事本”,然后照抄一份 内容:
如何建立HTML网页 我们如何写作与设计ASP网页？我们之前就说过：ASP与浏览器 之间只有下载网页及上传数据的关系，ASP程序无法控制浏览器 （网页）的内容，网页内多姿多彩的图片、文字还有声音动画 等，都还是必须通过HTML语言来建立的！ 不学HTML语言直接用网页编辑器来制作网页也可以。问题是要 将传统固定式的HTML网页加入ASP程序变成动态生成的网页，就 必须知道基础的HTML网页标签意义，知道应该将ASP程序语句加 在那里呢？HTML语言比较容易学，下面我们就讨论HTML语言。 建立HTML网页 2－1－1 基础网页架构 现在请你打开记事本来编辑网页： 步骤1 “开始”－“程序”－“附件”－“记事本”，然后照抄一份 内容：
例1 网页基础架构 K/HEAD> 网页主体 K/BODY> K/HTML>
例1 网页基础架构 网页主体
步骤2 内容输入完毕后,选取“文件”菜单中的“保存”项目将文件 储存起来: 步骤3 在保存文件之前记得先建立一个放置网页文件的专属文件夹, 以方便日后进行管理。接着在“文件名称”栏位中输入网页文 件名称,记得要将扩展名“.hm”也写上去呀,要不然可是会 被存成纯文本(大.txt)的文件喔!最好是将“保存类型”也 选定为“所有文件(★.★)”以免文件保存后变成大. htm. txt: 步骤4 按下“保存”按钮后,如果记事本的标题栏出现我们所保存的 文件名称,就表示我们已经正确的将网页文件保存起来了: 步骤5 打开浏览器,以打开旧文件的方式选择浏览我们刚刚所建立的 网页文件,恭喜你已经会编写基础网页了! HTML标签文字是不分大小写的,例如:与这两 种标签的写法其意义是相同的
步骤2 内容输入完毕后，选取“文件”菜单中的“保存”项目将文件 储存起来： 步骤3 在保存文件之前记得先建立一个放置网页文件的专属文件夹， 以方便日后进行管理。接着在“文件名称”栏位中输入网页文 件名称，记得要将扩展名“.htm”也写上去呀，要不然可是会 被存成纯文本（＊.txt）的文件喔！最好是将“保存类型”也 选定为“所有文件（＊.＊）”以免文件保存后变成＊.htm.txt: 步骤4 按下“保存”按钮后，如果记事本的标题栏出现我们所保存的 文件名称，就表示我们已经正确的将网页文件保存起来了： 步骤5 打开浏览器，以打开旧文件的方式选择浏览我们刚刚所建立的 网页文件，恭喜你已经会编写基础网页了！ HTML标签文字是不分大小写的，例如：＜html>与＜HTML>这两 种标签的写法其意义是相同的
2==②陪 段落标签是用来分隔内容段落的:在ML网页编辑中共有两种 段落分隔方式,正如你在使用W0RD文字编辑器时按下 Enter鍵产生 个新段落及按下 Shift+nter键产生一个强迫换行!请特别注意: 你在记事本中编辑的排版样式并不会就是浏览器中所显示的排版画 面!例如: 结果在浏览器中所有的文字却都连在一起了 段落标签 要在网页中产生文章分段的效果就必须使用分段标签,使用 分段标签会在两段文字间加入一个空白栏 段落标签 如果你觉得使用分段标签会在两段文字间加入一个空白栏, 这种样本并不是你希望的,那就可以使用段落标签,它同样 可产生分段的效果,但是在两段文字间不会加入空白栏:
2－1－2段落标签 段落标签是用来分隔内容段落的：在HTML网页编辑中共有两种 段落分隔方式，正如你在使用WORD文字编辑器时按下Enter鍵产生 一个新段落及按下Shift+Enter键产生一个强迫换行！请特别注意： 你在记事本中编辑的排版样式并不会就是浏览器中所显示的排版画 面！例如： 结果在浏览器中所有的文字却都连在一起了。 ＜P＞段落标签 要在网页中产生文章分段的效果就必须使用＜P＞分段标签，使用 ＜P＞分段标签会在两段文字间加入一个空白栏： ＜BR＞段落标签 如果你觉得使用＜P＞分段标签会在两段文字间加入一个空白栏， 这种样本并不是你希望的，那就可以使用＜BR＞段落标签，它同样 可产生分段的效果，但是在两段文字间不会加入空白栏：
例2 例3 KHTML> TITLE>段落排版 段落排版2 /HEAD> K/HEAD> KBODY> 第一段 第一段 我是自动化专业的学生, 我是自动化专业的学学的是自动化. 第二段 我的网站是:大家都来 我的网站是:大家都学自动控制 来学自动控制。 /BODY> /BODY> K/HTML> K/HTML>
例2 段落排版 1 第一段 我是自动化专业的学 生，学的是自动化. 第二段 我的网站是：大家都 来学自动控制。 ： 例3 段落排版2 第一段 我是自动化专业的学生， 学的是自动化. 第二段 我的网站是：大家都来 学自动控制
分隔线段落标签 要产生段落分隔效果,除了使用或段落标签外 我们也可以利用分隔线标签,它同样可产生分段的效 果,不但可分隔两段文字,同时也会在两段文字间加入一条 水平分隔线:例4 段落排版 第一段 我是自动化专业的学生,学的是自动化. 我的网站是:大家都来学自动控制 K/BODY
＜HR＞分隔线段落标签 要产生段落分隔效果，除了使用＜P＞或＜BR＞段落标签外， 我们也可以利用＜HR＞分隔线标签，它同样可产生分段的效 果，不但可分隔两段文字，同时也会在两段文字间加入一条 水平分隔线：例4 段落排版 第一段 我是自动化专业的学生，学的是自动化. 第二段 我的网站是：大家都来学自动控制
8=8容怒 了解了基础的段落排版标签后,我们现在来看看关于文字变化 部分的标签使用方法吧!毕竞网页内容还是以文字为主体的, 标签就是使文字产生多样化的标签,可是单纯使用标签是没用的!我们还必须通过标签所附带的 属性设置才行。 2-2-1文字色彩标签 指定文字颜色 直接在COL0R属性中指定名称即可。例如“BLUE”将文字颜色指 定为蓝色,可是我们知道的颜色单字毕竟有限,因此我们也可 以利用RGB16进制编码方式来指定颜色,例如“F000”将文字 颜色指定为红色 提示 HTM标签大多是两两成双,例如与这一组标 签,一个代表起始作用,另一个代表终止作用,终止作用的标 签前会加上一个“/”符号作为区分,当然也有独立存在的,例 如我们刚刚使用过的分隔线标签
2－2 文字标签 了解了基础的段落排版标签后，我们现在来看看关于文字变化 部分的标签使用方法吧！毕竟网页内容还是以文字为主体的， ＜FONT＞标签就是使文字产生多样化的标签，可是单纯使用＜ FONT＞标签是没用的！我们还必须通过＜FONT＞标签所附带的 属性设置才行。 2－2－1 文字色彩标签 指定文字颜色＜FONT COLOR＝“颜色”＞ 直接在COLOR属性中指定名称即可。例如“BLUE”将文字颜色指 定为蓝色，可是我们知道的颜色单字毕竟有限，因此我们也可 以利用RGB16进制编码方式来指定颜色，例如“FF0000”将文字 颜色指定为红色。 提示 HTML标签大多是两两成双，例如＜FONT＞与＜/FONT＞这一组标 签，一个代表起始作用，另一个代表终止作用，终止作用的标 签前会加上一个“/”符号作为区分，当然也有独立存在的，例 如我们刚刚使用过的＜HR＞分隔线标签
例5 例6 TITLE>文字方案文字型式 KBODY 第一段 我是自我是自动化专业 化. 的学生,学的是自动 第二段 化. 我第二段我的网站是 /BODY> 大家都来学自动控制。 K/HTML K/HTML>
例5 文字方案 第一段 我是自 动化专业的学生，学的是自动 化. 第二段 我 的网站是：大家都来学自动控 制。 例6 文字型式 第一段 我是自动化专业 的学生，学的是自动 化. 第二段 我的网站是： 大家都来学自动控制
=9=容容你6 指定文字字体斜体、粗体 下划线、上标字、下标字、等宽文 字等
2－2－2 文字字体标签 指定文字字体＜FONT FACE“字体名称”＞ 通过FACE属性我们可以指定文字的字体样式，但是必须浏览者 的机器中也安装有这种字体，否则显现出来的字体样式仍然是 “明细体”。 2－2－3 文字大小标签 指定文字字体＜FONT SIZE＝“文字大小”＞ 通过Size属性我们可以指定文字的大小，文字的大小设置共有7 级，默认大小是第3级，也就是说，在没有特别指定文字大小的 情况下，文字大小的内置值是3。 2－2－4 文字样式标签 我们有时为了加强语气会改变文字的样式，例如将文字变成斜 体或是粗体等，一般常使用的样式有：＜I＞斜体、＜B＞粗体、 ＜U＞下划线、＜SUP＞上标字、＜SUB＞下标字、＜TI＞等宽文 字等