HTML语言基本格式

HTML语言基本格式
HTML语言基本格式

2.1.2 HTML文件

3.标记的属性

<标记属性1=属性值属性2=属性值…>

内容

属性示例 *

2.1.2 HTML文件

1.HTML文件的组成

1)标记:单标记指令、双标记指令

2)文字、图形资料(被标记的内容)

3)uml(Uniform Resource Locator)

2.标记(tag):单标记指令、双标记指令

格式:<标记>内容


HTML实例 *

2.1.2 HTML文件

4. HTML文档的结构

包括HEAD、BODY两部分,下面是基本结构:

标题部分

正文部分

*文件的打开

2.2.1简单标记认识与使用

4. HTML文件主体标记

格式:…文件主体标记。

注意:与为独立的两个部分,不能互相嵌套。

1.属性概述

background属性

bgcolor 属性

Text属性

link ,vlink,alink属性*颜色

5.注释标记 *

2.2.2 段落和文字标记

1.标题标记

格式:

设置各种大小不同标题的标记。* 2.字体设置标记

格式:

功能:设置字体格式标记。

标记提供了几种属性:

size:设置文字的大小(字号)。

face:设置字体(字体)。

color:设置文字的颜色。*

3.设置字型

文字的风格:加粗、斜体、下划线、上下标

2.2.2段落和文字标记

4.强制换行

格式:文字

段落标记

格式:

[…

]设置段落标记。*

5.分区显示标记

格式:

分区显示标记。* 6.水平线

格式:


插入水平线标记。


*

7.特殊符号:< >

2.2.3 建立超级链接

超链接:

1.热点标记:

超级链接格式:*

2.创建指向其他页面的链接

热点*

3.创建指向本页面的链接

定义两个标记:

超链接标记热点

书签标记热点

*2.2.4 加入图片

1.图片的文件格式:jpeg gif

2. 设置页面的背景:

背景色:

图片作背景:*

3.图片标记:

1)图片尺寸:width height *

2)图片布局:align *


3)图片与文本间的空白

hspace vspace *

4)图片作为超链接

**

2.3.1列表标记

1.无序列表

格式:

功能:建立无序列表。*

2.3.1列表标记

2. 菜单列表标记

菜单列表的标题

  • 第一个列表项

  • 第二个列表项

    菜单列表的标题

  • 第一个列表项

  • 第二个列表项

  • *

    2.3.1列表标记

    3.有序列表

    格式:

    功能:建立有序列表。*

    2.3.1列表标记

    4.定义列表

    格式:

    *

    注意:根据文档的具体要求,列表可以嵌套使用。

    2.3.2 制作表格

    1.表格标记:

    表头1表头2…表头n

    表项1表项2…表项n

    ……

    表项1表项2…表项n

    2.3.2 制作表格

    标记的属性

    Align 定义表格在网页中的位置。

    Border 定义表格边框的粗细,n取整数,单位是像素。如果省略,则不带边框。

    Width 定义表格的宽度,x为像素数或占窗口的百分比。

    Height 定义表格的高度,y为像素数或占窗口的百分比。*

    2.3.2 制作表格

    2. 给表格加上标题

    Align:

    设置表格标题在center(缺省),左边left,还是右边right

    Valign:

    设置表格标题放在表的上部top(缺省),还是下部bottom

    *2.3.2 制作表格

    3. 跨多行、多列的表项

    (1)跨多列表项

    | 表项 | 。

    (2) 跨多行表项

    | 表项 |

    (3) 同时跨多列多行表项

    标题
    表项
    表项表项
    表项中同时使用colspan和rowspan属性可制作多重表头。

    其中,rowspan设置表头跨过x行,colspan设置表头跨过y列。**

    2.3.3 框架结构

    1.框架标记

    1)框架结构的文件格式

    2.3.3 框架结构

    2)框架结构标记的使用

    格式:…

    target(目标)取值:

    _blank:链接的目标文件被载入一个新的没有名字的浏览器窗口

    _self:链接的目标文件被载入当前框架窗口中,代替正在显示的热点文本所在的那个文件_top:链接的目标文件被载入整个浏览器窗口

    _parent:当框架有嵌套时,链接的目标文件被载入父框架中。否则,被载入整个浏览器窗

    相关主题