第2章HTML语言简介.pptVIP

第2章 HTML语言简介 2.1 html的基本框架 一个HTML文档的一般结构如下 Html head title标题部分/title /head body 正文部分 /body /Html 例:演示html的基本框架 html title基本框架的演示/title body bgcolor=Blue text=Red link=Yellow alink=white vlink=Breen br 你好,这里是非链接文本部分 brbr a href=“”点击我进入新浪网/a /body /html 2.2 文字的修饰和布局 2.2.1 文字的修饰 (1)标题文字 Hn子标题的内容/Hn 用来区分章节的字体大小,如书上p14-15 2.1 2.2标题, Hn 中n为1到6,显示出不同大小的黑体字,H1最大 标题文字独立的占一行,不受font size 和段落p的影响 (2)文字的大小和颜色 字体 (a)文字的大小 font size=n文字部分/font 其中:n=1,2,3,…7 ,7最大 ; 默认为3 还可以在3的基础上加减，具体例子见书上p16 (b)文字的颜色 font color=#rrggbb文字部分/font 文字的颜色可以用英文单词表示，也可以用#rrggbb表示 (b)文字的字体 font face=“字体”文字部分/font 文字的字体有宋体、楷体、隶书等 例子：显示一段文字，7号楷体，颜色为银色(silver #c0c0c0),背景为蓝色 (3)文字的其他修饰：加粗、斜体、加下划线 B需要加粗的文字/B I需要显示成斜体的文字/I U需要加下划线的文字/U 以上三个标签可以重叠使用，如： B动态U网页/BI制作/I/U 看实例： 2.2.2 文字的布局 (1)段落的控制 P 段落是文档的基本单位，一个段落的前后留有较大的空隙，也可以说有一个空行。 (2)换行的控制 BR 一个段落中可以包含多个行，可以用br来换行，一般来说行与行之间的间隔比段与段之间的间隔小 注意：如果不加p或者br，那么输入的文字全部连在一起 (3)预格式化文本 Pre…/Pre 能实现按照输入的格式来控制输出显示 看实例：注意比较段落和换行的间隔的大小区别。比较pre和p+br实现的效果 (3)文本的对齐控制 （a）以段落为单位设置文字的对齐方式 P align=“对齐方式”文本段落/P 其中，对齐方式有left , center 和right ，在前面诗的htm中实验一下 （b）标题文字也可以设置对齐方式 Hn align=“对齐方式”文本段落/Hn （b）一般的居中方式：将文字和其他对象居中 center要居中的文字或者对象/center 例子见书上p18页 2.3加入其他网页元素对象 1、 横线段的设定 HR width=“宽度” align=“对齐方式” size=“高度” HR为线段的标签名； width表示线段的长度，可以是百分比，表示占屏幕宽度的百分比，如“90%“。也可以是屏幕的象素点的个数，如 480 Align 表示线段的对齐方式 left center right Size 表示线段的高度、宽度 高度为象素个数 如 4 例：插入一条80％长度，宽为6，左对齐的线段，书上p21页 2、超级链接的加入 （1）链接到其他网页地址 A href=“链接地址”提示文字/A 例子： a href=“” 点击我链接到新浪/A （2）链接到本网页(自己的)其他地方 A href=“＃位置名称”提示文字/A 位置名称必须在网页中定义： A name=“位置名称”内容/A 例子：超级链接演示.html （3）链接到其他网页某个地方 A href=“链接地址＃位置名称”提示文字/A （4）在新窗口打开链接 A href=“链接地址” target=“窗口名称”提示文字/A 3、图片的加入 （1）图片的加入 img src=“文件名” width=宽度 height=高度 alt=“提示文字” 例子： img src=“liuxiang.jpg” width=512 height=431 alt=“刘翔飞跃” （2）图片作为浏览器的一个对象的简单编程 对象具有属性，方法，如汽车，汽车中的音像 图片也具有属性 this.style.width this.style.height 方法 onmouseover onmouseout 例子：目的对于上面刘翔的图片，当鼠标移上去图片变大，移开后恢复原来的大小 （3）用图像作为链接 A href=“链接地址” img src=“图像名称”