文档详情

第2章++HTML标记语言

飞***
实名认证
店铺
PPT
303.50KB
约77页
文档ID:6357065
第2章++HTML标记语言_第1页
1/77

第2章 HTML标记语言,2.1 HTML基础2.2 HTML文档结构标记2.3 段落和文字标记2.4 列表标记2.5 建立超级链接2.6 插入图片2.7 表格2.8 框架2.9 表单2.10 其他HTML标记,2.1 HTML基础,Dreamweaver是和HTML语言一起使用的,利用Dreamweaver制作的网页要通过HTML标记显示;HTML不是一种编程语言,它是一种描述性的标记语言,使用标记符定义HTML文档的功能和信息;HTML文件的组成:标记、文字与图片资料、统一资源定位器URL;编写HTML文档的规则:HTML标记包含在<>中,以区别于在页面上显示的文本;大多数HTML标记都成对出现,只有极少数单独出现;HTML标记不区分大小写;HTML文档的扩展名HTM,或HTML;HTML文档是纯文本文档,可以使用任何文本编辑器编辑2.2 HTML文档结构标记,文档标记文件头标记文件标题标记文件主体标记注释标记,,文档标记,文档标记的格式 …… 说明: HTML标记用于表示一个页面的开始,应该是发送到各用户浏览器的第一个标志,应该是发送到用户浏览器的最后一个标记;,,文件头标记,HEAD标记的格式 ……说明: 1、HTML文档分为文件头和文件主体两部分。

文件主体是在浏览器定位器中显示的内容;而文件头则是用来规定该文件的标题和文档的一些属性 2、HEAD标记是页面的第二层标记,用于包含页面的标题信息,如页面名称等,它在HTML文档中不是必须的 3、HEAD标记必须在BODY标记开始之前结束,标题信息部分作为独立的文档部分,不能包括在BODY标记之中文件标题标记,TITLE标记的格式: …… 说明: 在这对标记之间的文本内容作为页面的名称,且名称可以显示在多行上 该标记定义的标题不在浏览器中显示,而在浏览器的标题栏中显示 标题可以作为该页面的标志或文件名,使用搜索引擎时显示的结果也是页面的标题文件主体标记,BODY标记的格式: 页面内容 说明: 1、主体位于头部之后,BODY标记标志着页面内容的开始与结束,页面中的其他HTML标记都在这对标记之间;它定义了页面的主要内容与显示格式,是整个网页网页的核心 2、BODY标记有六个可选参数: BACKGROUND=“图像地址”:指定一幅图像作为页面背景; BGCOLOR=“颜色号”:指定页面的背景颜色; TEXT=“颜色号”:指定文本默认颜色; ALINK=“颜色号”:指定单击超链接时链接文字的颜色; LINK=“颜色号”:指定没有单击时超链接的颜色; VLINK=“颜色号”:指定已被单击过的超链接的颜色。

3、常用颜色的属性,取值可用英文颜色名,也可用“#”引导的十六进制代码表示见颜色代码表),举例,,举 例, 这是主体之外的文本 个人网页

页面背景为黄绿色

文本颜色为蓝色

,,颜色代码表,,注释标记,注释标记的格式: 说明: 在此标记内的文本都不会在浏览器窗口中显示,但此标记中的程序代码可被执行;一般将客户端的程序段放在此标记中,可以达到隐藏的效果2.3 段落和文字标记,标题文字标记文本文字标记设置字型标记换行、换段标记分区显示标记添加水平线标记特殊符号标记,,标题文字标记,标题文字标记格式:

文本内容

文本内容

文本内容

……
文本内容
说明: 1、标题是一段文字内容的核心,所以总用加强的效果显示; 2、该标记的功能是指定标记之间的标题文字的大小; 3、H系列标记有一个参数ALIGN,用于设置文本对齐方式,取值为CONTER、LEFT、RIGHT;使用标题标记设置标题内容的大小与对齐方式,,使用标题标记设置标题内容的大小与对齐方式, 用标题标记设置标题

第1级标题

第2级标题

第3级标题

第4级标题(居左)

第5级标题(居中)
第6级标题(居右)
,,文本文字标记,BASEFONT标记FONT标记,,BASEFONT标记,BASEFONT标记的格式: < BASEFONT FACE=“字体名称” COLOR=“字体颜色”>说明: 该标记指定页面使用的基本字体,除非有个别文本再指定字体,页面中所有文本字体都使用该标记指定的字体。

FONT标记,FONT标记的格式: 被设置的文字说明: 1、FACE可指定字体名这里的字体名就是WORD中字体工具栏列出的字体名,如黑体、宋体、隶书等; 2、SIZE可指定字体的大小,数值范围1-7之间; 3、COLOR用于指定文本颜色字体标记应用举例,,字体标记应用举例, BASEFONT标记和FONT标记

网页的基本字体为楷体,字体颜色为白色,字号为3

此处字体为隶书,颜色为黄色,字号为5

此处字体为华文彩云,颜色为黄绿色,字号为7

,,设置字型标记,BIG标记:该标记使用比当前页面使用的字体更大的字体。

SMALL标记:该标记使用比当前页面使用的字体略小的字体EM标记:该标记将标记之间的字体加以强调,通常设置成钭体字STRONG标记:该标记功能同EMTT标记:该标记之间的字体设置成电传打字的效果B标记(粗体)、I标记(斜体)、U标记(下划线)、S(或STRIKE)标记(删除线)SUB标记(下标)、SUP标记(上标)设置字型标记应用举例,,设置字型标记应用举例, 字型设置标记的应用 黑体 斜体 带下划线 标准打印机字体 带删除线 下标 上标 大字体 小字体 ,,换行、换段标记,BR标记:用于添加一个换行符,它不用成对使用;格式为“文本
”。

P标记:用来分隔文本中的各段,其格式为:

文本内容

CENTER:标记之间的文本居中显示;LEFT:标记之间的文本居左显示;RIGHT:标记之间的文本居右显示分区显示标记,分区显示标记DIV可以设置文本块或一段文本的对齐方式;其格式为:
文本块或图片
分区显示标记的应用,,分区显示标记的应用, 分区显示标记的应用

分区显示标记的应用

居中 center
居中
center
居左 left
居左
left
居右 right
居右
right
,,添加水平线标记,添加水平线标记HR的格式:
说明: HR标记用于在页面上划出一条水平线。

NOSHADE选项指定直线无阴影水平线标记的使用,,水平线标记的使用, 水平线标记的使用

水平线标记的使用








,,特殊符号标记,特殊字符包括:小于号(lt或<)、大于号(Gt或>)、双引号(Quot或“)、空格(nbsp)特殊字符以“&”为引导符,以“;”作为结束符特殊字符应用 特殊字符应用

学生之家

新    闻          学习窗口

健康信箱
聊 天 室

来信 ,。

下载提示
相似文档
正为您匹配相似的精品文档