HTML标签基础知识汇总.docx

上传人:b****4 文档编号:24650110 上传时间:2023-05-29 格式:DOCX 页数:16 大小:19.46KB
下载 相关 举报
HTML标签基础知识汇总.docx_第1页
第1页 / 共16页
HTML标签基础知识汇总.docx_第2页
第2页 / 共16页
HTML标签基础知识汇总.docx_第3页
第3页 / 共16页
HTML标签基础知识汇总.docx_第4页
第4页 / 共16页
HTML标签基础知识汇总.docx_第5页
第5页 / 共16页
点击查看更多>>
下载资源
资源描述

HTML标签基础知识汇总.docx

《HTML标签基础知识汇总.docx》由会员分享,可在线阅读,更多相关《HTML标签基础知识汇总.docx(16页珍藏版)》请在冰豆网上搜索。

HTML标签基础知识汇总.docx

HTML标签基础知识汇总

1HTML基本结构

1.1HTML的基本结构

-------根控制标记

-------头控制标记

标题-------标题标记

-------头控制标记(尾)

-------网页显示区域

-------根控制标记(尾)

(1).…根控制标记

开头和结尾成对出现,双标签

(2).…头控制标记

1.很单纯的文件标题声明</p><p>2.<meta>控制标记的动态文件转换声明</p><p>3.<base>超链接网址基准参考点</p><p>4.Javascript和VBScript程序</p><p>5.stylesheet可用来设置排版来的声明</p><p>6.<link>可引用外部文件,如CSS排版样本</p><p>(3).<title>…设置浏览器的视窗标题

(4).…页面可见内容

1.2HTML控制标记的格式

(1).<标记名称>

单一型,无设置值的。

如:


(2).<标记名称属性=”属性值”>

单一型,有设置值的。

如:

(3).<标记名称>…

对称型,无设置值。

如:

(4).<标记名称属性=”属性值”>…

对称型,有设置值。

如:

2.3最常用的控制标记

(1).跳行

格式:


无属性设置

(2).段落

格式:

属性名称属性值说明

alignleft往左靠(默认)

center往中靠

right往右靠

(3).水平直线


格式:


属性名称属性值说明

size像素绝对设置,以数字表示,属性值越大,线越粗

百分比相对设置,以%表示,属性值越大,线越粗

width像素绝对设置,长度不会应视窗的改变而改变

百分比相对设置,长度会随着视窗宽度而改变

noshade实体线

(4).背景色与文字设置

格式:

整体页面的边距,行距

(5).标题文字设置

格式:

属性名称属性值说明

alignleft靠左

center靠中

right靠右

(6).在HTML备注

格式:

--…-->

(7).实体字符控制标记

1.

2.

3.

4.下划

5.电报

6.下标

7.上标

(8).语意字符控制

1.

地址

2.大字

3.删除

4....修改

5.…小字

6.加强语气(加粗)

7....加强语气(倾斜)

(9).字体控制(被废弃的标签,现在一般用样式CSS来控制字体的相关设置,后面会专门学的)

格式:

属性名称属性值说明

size0-7字体大小

color英文或十六颜色

face字体字体

2表格

2.1表格的基本格式

格式:

功能:

用来声明表格开始与结束.

…用来设置表格的行.

…用来设置标题栏位.

…用来设置数据栏位.

2.2

标签下的属性

属性名称属性值说明

border像素设置表格的边线

cellspacing像素绝对设置,存储格框线宽度

百分比相对设置,存储格框线宽度

cellpadding像素绝对设置,数据与框线的距离

百分比相对设置,数据与框线的距离

width像素绝对设置,像素表示表格宽度

百分比相对设置,百分比表表格宽度

height像素绝对设置,像素表示表格宽度

百分比绝对设置,百分比表表格宽度

alignleft表格往左靠(默认)

center表格往中靠

right表格往右靠

bgcolor英文/十六表格的背景颜色

backgroundURL表格的背景图片

summary字符串用来描述表格数据说明

bordercolor英文/十六边框的颜色

bordercolorlight同上边框的亮色

bordercolordark同上边框的暗色

2.3

标签下的边框设置

属性名称属性值说明

framevoid不要显现表格的边线

above只要显现出表格的上边线

below只显现出表格的下边线

hsides只显示表格的上下边线

vsides只显现表格的左右边线

lhs只显现表格的左边线

rhs只显现表格的右边线

border/box会显现出表格的所有边线

rulesrows只显示出横行的格框线

cols只显示出直行的格框线

all显示全部格框线

groups表示列组合水平部分

none不显示任何格框线

2.4

….

属性名称属性值说明

alignleft靠左

center靠中

right靠右

valigntop靠上

middle靠中

bottom靠下

span数字直列数目

width像素/百分比宽度

个别直列设置

格式:

功能完全和一样.

(3).表格的标题:

标签下的常用属性

属性名称属性值说明

width像素绝对设置,以像素值设置宽

百分比相对设置,以百分比设置宽

height像素绝对设置,以像素值设置高

百分比相对设置,以百分比设置宽

bgcolor英文/十六数据栏的颜色设置

align(水平方向)left数据靠左

center数据靠中

right数据靠右

valign(垂直方向)top数据靠上

middle数据靠中

bottom数据靠下

nowrap无在单元格中换行

2.5拆分与合并单元格

属性名称属性值说明

colspan数字合并列

rowspan数字合并行

2.6表格的结构化、直列化、标题

(1).结构化格式:

……--------表头区

……--------表体区

………………………

……--------表尾区

(2).直列化格式:

….

下的属性值有:

属性名称属性值说明

aligntop标题在表格上方

bottom标题在表格下方

3图像

3.1背景图案的设置

格式:

3.2将图片插入到网页中去

格式:

功能:

将图片插入到网页中去,单一标签

下的属性

属性名称属性值说明

srcURL图片的路径

图片的注解

属性名称属性值说明

alt字符串给图片做注解

图象大小的设置

属性名称属性值说明

width像素绝对设置,宽

百分比相对设置,宽

height像素绝对设置,高

百分比相对设置,高

图象边框的设置

属性名称属性值说明

border数字图象边框

文字图象的排列

属性名称属性值说明

alignleft图象靠左,文字靠右

right图片靠右,文字靠左

top文字往上靠

middle文字靠中

bottom文字靠下

空隙的设置

属性名称属性值说明

vspace像素垂直上下两端与物件的距离

hspace像素水平左右两段与物件的距离

3.3用图像作为超链接

格式:

注意点:

边框的问题.

3.4地图索引

格式:

声明整张图使用地图链接方式进行连接.

name,id指此图的名称.

表示我们所要链接其中一点的区快

shape表示我们所选择的形状,如:

rect矩形circle圆poly多边形

coords表示地图的坐标位置

4超链接

超链接也叫URL中文翻译为资源定址器.这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。

4.1超链接的基本格式

格式:

scheme:

//host[:

post]/path/filename

scheme指的是http,ftp,file,mailto,news,gopher,telnet七种

host指的是IP地址或计算机名称

post指的是服务器端口

path指的是文件路径

filename指的是文件名

//host[:

post]/path/filename>…

4.2超链接的种类

一般常用的分为四种:

1.http

声明

2.file

声明

///e/images/pic.jpg>图片

3.ftp

声明

//192.168.4.21/>进入

4.mailto

bnbbs@>E-MAIL

4.3相对链接和绝对链接

1.index.htm

2.page/index.htm

3.page/top/index.htm

4.../index.htm

5.../../index.htm

6.../page/index.htm

4.4书签的链接

下的属性

属性名称属性值说明

name字符串设置超链接的标记

基本格式:

瞄点

链接点

链接到别的网页的书签项目:

基本格式:

瞄点

链接点

4.5基准参考点

基本格式:

\”>

4.6超链接事件

LINK颜色的设置

基本格式:

link超链接尚被选中的文字

alink超链接点选但未被放开的颜色

vlink超链接已被点选过的颜色

5多媒体

5.1FLASH动画的插入

使用...标记插入FLASH动画

属性值说明

srcurlflash路径

width像素/百分比flash宽度

height像素/百分比flash高度

wmodewindow使flash自身的矩形窗口来播放

opaque使flash隐藏页面上位于它后面

transparent使flash某一部分透明

使用...标记插入flash动画

属性值说明

typeapplication/x-shockwave-flashflash类型

dataurlflash路径

width像素/百分比flash宽度

height像素/百分比flash高度

注意:

必须再使用子标签完成flash插入

属性值说明

name属性flash属性

value值flash值

5.3MP3音频及WMV视频的插入

使用...标记插入FLASH动画

属性值说明

autostarttrue/false自动/非自动播放

loop数字音乐循环的次数

它的前身是

使用...标记插入MP3音乐

属性值说明

namesrc(路径)音乐路径

autoplay(true/false)是否自动播放

6列表

6.1无序列表

  • 格式:

    功能:

      无序条列清单的开始.

    表示结束.

  • 表示一个项目.

  • 的属性

    属性名称属性值说明

    typedise实心圆(默认值)

    circle空心圆

    square实心方块

    6.2有序列表

    1. 格式:

      功能:

        有序条列清单的开始.

      表示结束.

    2. 表示一个项目.

        的属性

        属性名称属性值说明

        type1表示以1,2,3,4来表示

        a表示以a,b,c,d来表示

        A表示以A,B,C,D来表示

        i表示以i,ii,iii来表示

        I表示以I,II,III来表示

        6.3无序列表和有序列表的结合应用

        格式:

        • .....

        • .....

        6.4叙述式清单(定义列表)

        格式:

        功能:

        叙述清单的开始

        表示一个项目

        表示一个项目下的更详细的内容

展开阅读全文
相关搜索

当前位置:首页 > 高中教育 > 英语

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1