html简单总结.docx

上传人:b****4 文档编号:24825512 上传时间:2023-06-01 格式:DOCX 页数:11 大小:33.77KB
下载 相关 举报
html简单总结.docx_第1页
第1页 / 共11页
html简单总结.docx_第2页
第2页 / 共11页
html简单总结.docx_第3页
第3页 / 共11页
html简单总结.docx_第4页
第4页 / 共11页
html简单总结.docx_第5页
第5页 / 共11页
点击查看更多>>
下载资源
资源描述

html简单总结.docx

《html简单总结.docx》由会员分享,可在线阅读,更多相关《html简单总结.docx(11页珍藏版)》请在冰豆网上搜索。

html简单总结.docx

html简单总结

第一章总结

今天学习表格设计

主要为一些标签、属性及属性值的学习。

主要的标签:

………行

………列(单元格)

………单元格(列)

属性:

border……边框线宽

width………宽

height………高

cellspacing………单元格间距

cellspadding………文本与表格边框的距离

vlign………定义文本在单元格的水平位置

valign………定义文本在单元格的垂直位置

bgcolor………表格的颜

colspan………横通(横向合并或按列合并)

rowspan………纵通(纵向合并或按行合并)

属性值:

单位:

像素px.如500px,或者用n%表示

left,right,center,

top,middle,bottom,baseline

16进制的6位数,格式为rrggbb,分别表示红绿蓝三色的分量

要合并的列数

要合并的行数

第二章总结

本节学习文字布局与文字效果

主要学习一些标签、属性及属性值。

1.标题

●h1黑体,特大字体,居中,上下各有两行空行。

●h2黑体,大字体,上下各有一到两行空行。

●h3黑体,大字体,左端微缩进,上下空行。

●h4黑体,普通字体,比h3更多缩进,上边空一行。

●h5黑体,与h4相同缩进,上边空一行。

●h6黑体,与正文有相同缩进,上边空一行。

另外可以有对齐属性,align=#,#表示:

left标题居左;center标题居中;right标题居右。

2.段落

i.标记对用来创建一个段落,在此标记对之间的文本按照段落的格式显示在浏览器上。

HTML将多个空格以及回车等效为一个空格,HTML的分段完全依赖于分段标记。

也可以有多种属性,比较常用的属性是:

align=#,#可以是:

left,、center,、right

ii.
标记用来创建一个回车换行

 

3.文字风格

a.字体大小绝对:

;相对:

b.字体风格物理风格:

黑体,斜体,下划线,打字机体

逻辑风格:

强调、特别强调、源代码、例子、键盘输入、变量、定义、引用、较小、较大、上标、下标

c.字体颜色#可以是6位16进数,分别指定红、绿、蓝的值,也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,purple,sliver,yellow,aqua之一

d.闪烁可使文本闪烁,闪烁频率为1秒钟一次

e.水平线

4.滚动字符这是滚动字符其属性包括:

◆align:

是设定活动字幕的位置:

居左、居中、居右、靠上(align=top)和靠下(align=bottom)。

◆bgcolor:

设定活动字幕的背景颜色,一般是十六进制数。

◆direction:

设定活动字幕的滚动方向是向左、向右、向上、向下。

◆behavior:

设定滚动的方式,主要由三种方式:

◆behavior=“scroll”表示由一端滚动到另一端;

◆behavior=“slide”:

表示由一端快速滑动到另一端,且不再重复;behavior=“alternate”表示在两端之间来回滚动。

◆height:

设定滚动字幕的高度。

◆width:

设定滚动字幕的宽度。

◆hspace和vspace:

设定滚动字幕的左右边框和上下边框的宽度。

◆scrollamount:

设定活动字幕的滚动距离。

◆scrolldelay:

设定滚动两次之间的延迟时间。

◆loop:

用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新

无序

有序

自定义

    有序清单

    有序清单

第一条:

定义清单

5.清单

 

第三章总结

本节学习图像、热点、CSS样式定义与应用

主要学习一些标签、属性及属性值。

1.插入图像

eg.

--(地址)(宽度)(高度)(边框厚度)-->

align="left"alt="这是一张照片">

--(图片位置)(描述该图形)-->

2.热点标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。

其基本语法结构如下:

id=Value

href=url

alt=text

shape=area-shape

coods=value>

 

3.CSS样式

a.外部连结CSS:

在HTML文件里加一个超级链接,连接到外部的CSS文档。

外部连结CSS

测试文字

/HTML>

同目录下新建style.css文件如下

.style{font:

48pt;text-align:

right;color:

008800}

b.内定义CSS,在HTML文件内的.......标签之间,加一段CSS的描述内容。

c.文本间CSS:

在HTML文件的文本内容中,随时有需要,随时加一小段CSS的描述指定风格。

 

第四章总结

本节学习框架与浮动窗口

主要学习一些标签、属性及属性值。

1.框架(frame)即是把页面把浏览器窗口切割成几个独立的部分。

基本结构:

 

属性:

横向分用rows,纵向分用cols;

target指定链接文件出现在哪一窗口,值可以是name定义的名称,也可以是以下四类值:

显示一个新窗口

 显示在同一个窗口

显示在Frameset的前一份文件的窗口

  显示在整个浏览器窗口

2.浮动窗口Iframe标记,又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。

 

第五章总结

本节学习页面版式控制与多媒体

主要学习一些标签、属性及属性值

1.页面版式控制

主要排版标记:

注释标记

分段标记

换行标记

水平线标记

居中标记

预排版标记

定位标记

--注解-->



2.多媒体效果

i.插入背景音乐标记是用来插入背景音乐

ii.插入多媒体是用来插入各种多媒体

iii.用标签插入多媒体文件

05”strat=”fileopen|mouseover”>

第六章

总结

本节学习表单与页面控件

主要学习一些标签、属性及属性值

1.创建表单

2.单行文本

3.普通按钮

4.提交按钮

5.重置按钮

6.复选框

7.隐藏区域

8.输入密码

9.单选按钮类型

10.图像按钮

11.下拉列表按钮

12.多行文本框

单词

Html:

标签,超文本标记语言

CSS:

层叠样式表

URL:

属性,统一资源定位器

Head:

标签,html头标记

Title:

标签,html标题标记

Body:

标签,html主体标记

Font:

标签,设置字体

Href:

属性参数,制定基准路径

Align:

属性,设置水平位置

Center:

标签,属性,居中设置

Table:

标签,表格

Srrony:

字体风格,特别强调

code:

标签,源代码

Samp:

标签,例子

Marquee:

属性,文字滚动

Direction:

属性,文本装饰

Scroll:

属性,滚动条

Loop:

属性,重复或滚动次数

Border:

属性,设置边框

Width:

属性,设置宽

Height:

属性,设置高

Alert:

弹出提示

Area:

标签,设定作用区域(热点)

Map:

标签,设定图像地图作用区域

Style:

标签,样式风格

Window:

窗口

Document:

文件

Text:

文档

Radio:

单选按钮

Button:

普通按钮

Submit:

提交按钮

Reset:

重置按钮

Checkbox:

复选框

Select:

标签,创建下拉列表

Option:

标签,制定列表框中的一项

Style:

样式风格

Script:

脚本

Frame:

框架标记

Top:

属性,置顶

Div:

标签,定位标

展开阅读全文
相关搜索

当前位置:首页 > 初中教育 > 初中作文

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

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