nullHTML语言基础HTML语言基础HTML语言基础—网上学习HTML语言基础—网上学习http://unit.cug.edu.cn/wlzx/wlfw/frontp98cai/htmlnullHTML文件
HTML标签
HTML 文件结构
HTML 超链接
null HTML 文件就是普通的文本文件。可
以使用两种基本方法制作HTML 页面:
一种是用文本编辑器,譬如Windows
操作环境下的Notebook,编辑文本及HTML
命令;
另一种是采用可视化软件,譬如
FrontPage,Dreamweaver,生成HTML 命令。一、HTML 文件null
例一
HTML 文件的第一段正文写在这里... ...
HTML 文件的第二段正文写在这里... ...
下面是一份HTML 文件的内容:null 以上的HTML文件,经过浏览程序解释
后,显示出来的效果图 所示。
窗口只显示一段文字,而HTML原文件
的其它文字符号都不见了,这些没有显示
出来的文字符号,如\等,它
们的主要作用是告诉浏览器,如何适当的
将文件内容格式显示排列。二、HTML 标签二、HTML 标签 HTML 语言使用标签来指明文档中的不同内容。标签是区分文本各个组成部分的分界符,用来把HTML文档划分成不同的逻辑部分(或结构),如段落、标
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
和
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
格等。
标签描述了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特征。null
标签的名字用尖括号〈 〉括起来。
HTML标签一般有起始标签与结束标
签两种,分别放在它起作用的文档两边。
起始标签与结束标签非常相似,只是结束
标签在“〈”号后面多了一个斜杠“/”。null单标签
<标签名称> 如:
换一行
双标签
<标签名称>内容标签名称>
如:
例一
标签属性
<标签名称 属性1=值 属性2=值… > 内容标签名称>
如:
文字
nullHTML阶层概念
任何一份 HTML 文件,都包含了表头
(Header)、本体(Body)、主题(Title)三个
要素,分别以 、和
标签来表示。同时也是为了HTML文件有别
于其它种类的文件, 另外再加上
标签加以强调。三、HTML 文档结构null 标签:和标签
置于整个文件的起始及结束处,表示文件
是属HTML 语言格式。其余标签都应该位
于该标签里面。 标签:和标签
标明文件的表头段,主要说明本文内容整
体信息,是文章的开场白。所有在表头段
的内容都不会显现在浏览器窗口的本体段
(Client area)里。null 标签:和标签
标明文件的本体区段,位于表头段以下的
地方,即是指经浏览器解读后显示在窗口
本体段(Client area)的内容。
标签:标签标明文件
内容的主题,让读者了解文件的主题。
标签里不允许有其它的标签存在。null HTML提供六种标题格式,其所用的标
记符为…(标题n,n=1~6),
…
的字体最大, …
的字体最小。其属性如下:
ALIGN={LEFT,CENTER,RIGHT}:文字左对齐(LEFT)、居中(CENTER)或右对齐(RIGHT)。
四、标题格式null
1.分段与换行符
分段标记符用于将文档划分为段落,标记符为…
要将文字强制换行,而不是另起段落,可以用换行标记符BR实现该功能。注意,BR仅单独使用,而非成对出现。
2.添加水平线
添加水平线的标记符为
(与BR类
似,HR也不包括结束标记符。五、段落格式null3. 段落对齐
(1) ALIGN属性
ALIGN属性用于设置段落的对齐方式,其常见取值有4种:RIGHT(右对齐)、LEFT(左对齐)、CENTER(居中对齐)、JUSTIFY(两端对齐)。
(2)DIV标记符
(3)CENTER标记符
(4)格式的嵌套null
1.字符格式
通过表的标记符设置字符格式
2.字体大小、字符颜色和字体样式
(1) SIZE属性:控制文字的大小
(2)COLOR属性:控制文字的颜色
(3)FACE属性:指定字体样式六、文字格式null物理字体
粗体
斜体
下划线
打字机字体
上标
下标
删除线
逻辑字体
强调
加重强调
代码
键入文本
变量
定义
引用
缩小
加大null
今天 天气
真好!
null1.有序列表
定义有序列表需要使用有序列表标记符…
和列表项(List item)标记符…,语法如下:
- List item1
- List item2
2.无序列表
无序列表标记符和列表项标记符…七、列表格式null3.定义列表
定义列表的制作需要3个标记符:定义列表标记符…
,用来指定定义列表的开头与结尾;定义术语(Definition term)标记符,用来指定第一层数据;定义描述标记符DD>,用来指定第二层数据。标记符必须有结束标记,但- 和
- 标记符的结束标记可以省略。null 在HTML 中使用anchor 标签来建
立链接,它将文本或图形标识为指向其
它HTML 文档、图形、小程序、多媒体效
果或HTML 文档中特定位置。在链接的语
法中必须包含一个参考属性href 和一个
结束标签,如下所示:我要上网易八、HTML超链接null 在链接语法中,定义一个超
链接,我要上网易是超链接对象。href指
定了目标URL,URL是文档在Web或Internet
上的地址,它总是放在引号中。这个URL
可以是一个书签、网页或者站点。
在链接语法中,不仅可以从网页链
接到网页,而且还可以在一个网页内部链
接。所以在HTML中,将链接分成两部分,
一种是
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
链接,另一种是页内链接。null 超链接文字可有三种不同的显示形态
出现在文件中,这三种超链接显示形态分
别有:未链接、正在链接和已链接。
每种形态的显示颜色可分别设置,
各自的意义和设置属性如表所示。null插入图象
插入表格
null HTML文件中,IMG 元素用来插图象。
属性SRC 的主要用途是指定图形资
源的位置,。
属性ALT 是指定图形对应的文字叙
述,其值为任意一串文字,由编写HTML
文件者来设置。ALT 属性的设立主要针对
非图形界面浏览器使用者。但是,这对图
形界面浏览器也有帮助。每当这些浏览器
关闭显示图形功能后,这一串文字就派上
用场了。九、插入图象null1.插入图片
用标记符在HTML文件中插入图
片,标记符常用的属性见教材。
2.图片布局
可以使用HEIGHT、WIDTH、BORDER
属性指定图片的高度、宽度以及是否具有
框线。
十、插入图象null3.图片的高度、宽度
,如:
4.图片的边框
还可以用标记符的SOLID属性设置
边框颜色,格式。
5.图片的对齐方式
图片的对齐是指图片本身在页面中的对
齐和图片与文本的对齐。
十一、插入表格十一、插入表格(一)创建基本表格
可以用标记符创建一个表格,并在它的中间加入标题和需要的数据。表格定义的代码为:
null(二) 表格的标题
元素定义了表格的说明。如:
标题的属性ALIGN决定了标题的对齐方
式。TOP是将标题放在表格的顶部,
BOTTOM将标题放在表格的下面。null(三)行、表头和数据
定义一个表格,需从第一行逐级向下,并且按行中单元格的顺序开始定义。行、表头和数据定义的代码为:
表头 |
数据 |
null(四)、表格及文字的对齐与布局
1.表格在页面中的对齐
利用表格的ALIGN属性,可以将表格显示在页面的左边或右边。如果没有设置这一属性,表格单独显示为页面的一行,在页面的左侧。ALIGN=”LEFT”将表格按左边对齐,而表格的所有文本显示在表格右侧和页面之间的位置。ALIGN=”RIGHT”将表格按右边对齐,文本显示在表格的左侧。
null2. 表格内数据的对齐
ALIGN属性为单元格数据提供水平对齐方式,该属性有LEFT(左对齐)、RIGHT(右对齐)、CENTER(居中)3个值。
VALIGN属性定义单元格数据的垂直对齐方式,该属性有TOP(顶部对齐)、BOTTOM(底部对齐)、MIDDLE(中间对齐)3个值。null(五)设置表格尺寸
⒈ 设置表格边框尺寸
利用的BORDER属性可以设置
表格边框的尺寸,它以指定的粗度来显示
表格边框。如:
2. 设置表格尺寸
利用的WIDTH和HEIGHT属性
可以设置表格尺寸。如:
null3. 设置表元间隙
利用标记符的CELLSPACING
属性可以设置表元的间隙。如:
4. 设置表元内部空白
利用标记符中的CELLPDDING
属性来,以像素为单位来设置它的值。如:
null(六)、设置表格的色彩
设置表格、行或行中单元的相关颜色,
可以在、、和 | 标
记符里使用BGCOLOR、BORDERCOLOR、
BORDERCOLORLIGHT、
BORDERCOLORDARK等属性。
COLOR的值可以是以十六进制表示的
颜色,或者是16种颜色(BLACK、WHITE、GREEN、
MAROON、OLIVE、MAVY、PURPLE、GRAY、RED、YELLOW、BLUE、TEAL、LIME、AQUA、FUCHSIA和SILVER)中的一种。null(七)、创建跨多行、多列的表元
⒈ 跨越多列
在 | 或 | 标记符里利用COLSPAN
属性,并在其后写上想要跨越的列数。
⒉ 跨越多行
在 | 或 | 标记符里利用
ROWSPAN属性,并在其后写上想要跨越
的列数。null实训一 用HTML创建最简单Web页
实训内容:用HTML创建最简单Web页的实训内容如下:
(1)使用Windows操作系统的“记事本”编辑工具创建一个简单网页。
(2)使用Word创建如图一个简单网页。
实训步骤:
1) 打开Windows2000附件中的“记事本”编辑工具
2) 用HTML语言输入
3) 在“记事本”菜单栏单击【文件】→【另存为】命令,弹出“另存为”对话框,在“保存在”文本框中选择文件保存位置,“保存类型”一定要选择“所有文件”,在“文件名”文本框中直接输入扩展名为.htm或.html的文件名,这样所保存的文件才能被浏览器识别。
4) 关闭“记事本”编辑工具,双击刚才保存的文件,即在IE浏览器显示网页。
null实训步骤
1. 打开Windows2000附件中的“记事本”文本编辑工具
2.用HTML语言输入内容
3. 保存扩展名为.htm的文件名,在IE浏览器显示网页。
1、“汽车博览”4个字为隶书、5号、蓝色、水平居中;
2、第3、4、5行为无序号列表;
3、分别对三段文字的标题做书签,三段“查阅说明”文字分别超链接到相应的三个书签;
4、三段“查看图片”文字分别超链接到相应的三张图片
5、“欲购车请联系我们”这段文字设置成右对齐方式并进行邮件超链接,邮件地址为qcxsb@126.com;
6、划一条水平线;水平线以下为三辆汽车的三段说明文字。实训内容实训二 HTML语言的基础编辑
本文档为【html===】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。 该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
格式:ppt
大小:162KB
软件:PowerPoint
页数:0
分类:工学
上传时间:2011-10-28
浏览量:144
|