HTML静态网页知识点Word文档格式.docx
- 文档编号:20487249
- 上传时间:2023-01-23
- 格式:DOCX
- 页数:20
- 大小:66.35KB
HTML静态网页知识点Word文档格式.docx
《HTML静态网页知识点Word文档格式.docx》由会员分享,可在线阅读,更多相关《HTML静态网页知识点Word文档格式.docx(20页珍藏版)》请在冰豆网上搜索。
模式B代表企业;
C代表个人;
B/S;
C/S】
5、HT(hypertxet),HL(hyperlink)
6、①静态网页html;
css
②动态网页*.jsp,*.php*.asp(以do?
开始的是Java平台编写的)
③交互式网页JavaScript
7、4个;
分别是<
html>
<
title>
head>
body>
8、<
fontcolor=””face=””size=””>
文字<
/font>
9、注释<
!
---->
;
标题:
hx>
x为1~6,其中h1最大<
/hx>
换行:
br/>
或<
/br>
空格:
&
nbsp;
<
p>
段落<
/p>
b>
加粗<
/b>
i>
加斜<
/i>
10、刷新:
meta-equiv=”refresh”content=”时间;
网页地址”>
文字编码:
(简体中文:
gb2312,utf-8是英语编码,繁体字编码:
BIG5)
meta-equiv=”content-type”content=”text/html;
charset=gb2312”>
关键字:
metaname=”keywords”content=”你的关键字”>
主题容:
metaname=”description”content=”你的关键字”>
强行调用网上的最新版本:
mata-equiv=”pragma”content=”no-cache”>
或
mata-equiv=”content-control”content=”no-cache”>
文档<
metaname=”author”content=”作者的名字”>
11、<
linkhref=”style.css”type=”text/css”rel=”stylesheet”>
12、<
basehref=”XXaddress”>
(注意XX与address之间是空格。
)
13、常见的html编辑器:
Dreamweaver、Notepad++、firstpage2006、webuilder2006
(以前的Dreamweaver是macromedia公司的,现在隶属于adobe公司)
第二章认识Dreamweaver
1、?
分支?
xhtml前的x表示什么?
在Dreamweaver中什么键可实现预览功能?
2、重做的快捷键?
撤销的快捷键?
打开时间轴的快捷键?
目标地址?
3、在<
ahref=”#”>
点击这里<
/a>
中的#表示什么?
4、在表格中,填充的含义是什么?
间距指的是什么?
1、link,subject,x表示此网页符合web2.0的标准,F12
2、ctrl+Y,Ctrl+Z,Alt+F9,target
3、表示空(或者的地址)
4、填充的含义是:
容到边框的值,间距(cellspacing):
指单元格间的距离。
第三章文字超图片10.22Wednesday,October28,2009
1、单行显示、强制不换行标记?
2、居中显示标记?
段落缩进标记?
原版显示标记?
3、段落位置,段落居中,居左,居右?
4、水平分隔线的所有属性?
5、文字格式标记,属性?
文字的附加属性:
常用的有:
/b>
、<
、
u>
加下划线<
/u>
、<
s>
加删除线<
/s>
只需了解的有:
small>
缩小<
/small>
big>
加大一点<
/big>
strong>
加强强调<
/strong>
em>
强调<
/em>
address>
显示网址、<
/address>
code>
显示代码指令<
/code>
6、滚动字幕、图片的所有属性代码?
1、<
nobr>
/nobr>
2、居中:
center>
/center>
段落缩进:
blockquote>
/blockquote>
原版显示标记:
pre>
/pre>
xmp>
/xmp>
可解析代码地完全显示
区别:
不可解析代码,绝对地原版显示
3、<
palign=”center/left/right”>
4、<
hrcolor=””width=””size=””align=”left/right/center”noshade="
noshade"
>
hr>
为单标签,若该属性中不设noshade,则默认为有阴影。
5、<
fontcolor=”颜色”face=”字体”size=”字号”>
容<
6、①滚动字幕:
marqueebgcolor=”字幕颜色代码”direction=”滚动方向(上、下、左、右:
up/down/left/right)”behavior=”滚动行为(滚动、滑动、摆动:
scroll/slide/alternate)”width=”宽度值”height=”高度值”srollamount=”滚动速度,值越大,速度越快”scrolldelay=”滚动延迟”hspace/vspace=”滚动对象距背景上下/左右的值”loop=”-1(滚动速度)”>
滚动字幕<
/marquee>
②滚动图片(与滚动字幕类似)
滚动图片地址:
imgsrc=”XX.jpg”>
Friday容
1、写出背景的所有属性:
(颜色、图片:
平铺xy,x、y、居中、居右、居左,txet,link,alink,vlink)
2、在滚动字幕中,设置鼠标移上去停止,移开后开始的命令。
3、常用特殊符号:
千分号,<
>
&
"
空格,钱币符号,平方,立方m³
。
4、上标,下标
5、超格式。
(包括在新窗口打开/在上一级打开/在自身打开覆盖原来的网页/在整个窗口打开)。
6、在相对路径中当前目录和上级目录分别用什么表示?
7、外部(设置一个打开学校的服务器)(思考:
若要访问:
开发15班公用/参考页面/07.jpg直接编代码,怎么编?
8、锚点的语法代码?
9、常用的网页图片的格式?
分别支持?
种色彩,分别解释
10、插入图片的代码?
(包括图像宽高,边框,水平/垂直空白,文字相对于图片基线的位置)
(知识点:
基线:
baseline;
宽,高只设一个,默认等比例放大,缩小;
若同时设置宽高,图片就会变形。
11、图片的超级代码?
12、热点区域<
map>
/map>
(<
area>
:
shape.{rectc/cricle/poly}roods,href)完全的格式
13、图片的优化:
①低分辨率显示:
lowsrc<
imgsrc="
"
lowsrc="
②文字替代图片:
alt/tilte<
alt/title="
文字"
14、外部超级(www型,ftp型,telnet型,news型mailto型)
bodybgcolor="
#000000"
background="
00.jpg"
style="
background-repeat:
no-repeat/repeat/repeat-x/repeat-y;
background-position:
center/left/right
text="
black/white/red/blue"
link="
alink='
'
vlink="
2、在<
marquee>
命令里面增加:
onmouseover="
stop()"
onmouseout="
start()"
3、千分号‰;
permil;
左尖括号<
:
lt;
右尖括号>
gt;
地址符&
amp;
引号"
quot;
空格:
钱币符号¥:
yen;
平方M2:
sup2;
m³
sup3;
4、上标:
sup>
/sup>
下标:
sub>
/sub>
ahref=”地址”target=”_blank/_parent/_self/_top”alt=””/title=””>
6、当前目录:
./上级目录:
../
7、<
ahref=”ftp:
//wish15:
wish15192.168.0.123”>
点击到学校服务器<
(思考题:
ahref=”/07.jpg”>
点击这里打开07.jpg<
ahref=”#a”>
锚点<
aname=”a”>
点击锚点后显示的容<
9、gif:
图像交换格式,无损压缩图片格式,支持256种色,
jpg:
联合照片专家组,有损压缩图片格式,支持1670万种色
10、<
imgsrc=”图片名称.jpg”width=”值”height=”值”border=”值”hspace/vspace=””align=”top/center/middle/bottom/left/right”>
ahref=”地址”>
imgsrc=”00.jpg”>
—包含图片的所有格式:
height,width,border,hspace,vspace-->
imgsrc=”00.jpg”usemap=”#a”>
--后面是图片的属性-->
mapname=”a”>
areashape=”rect/circle/poly”coords=”对应坐标”href=”地址”>
13、①低分辨率:
imgsrc=”00.jpg”lowsrc=”00.jpg”>
imgsrc=”00.jpg”alt/title=”容”>
14、“.sina.(网址)”
“ftp:
//192.168.0.123”
wish15192.168.0.123”
ahref=“telnet:
//..地址”>
“news:
//..地址”
“mailto:
XXX163.?
subject=主题&
cc=抄送地址&
bcc=暗送收件人&
body=主题”
单标签总结:
水平分隔线:
、插入图片标记:
img>
换行标记<
不换行标记:
居中:
、区域:
英语角:
下划线:
underline简称u图像文件夹:
image
10.22作业:
1、建立站点,管理站点。
2、制作AP-DIV,漂浮的图片或flash。
其他资讯
考试在人事局考试计算机职称,程序员中级,高级对工作有保障
第四章列表与表格(所有容)
1、有序列表(orderedlist)标记?
改变序号标记?
有多少种类?
指定序号标记?
列表项(listitem)标记?
详解:
有序列表<
ol>
/ol>
改变序号标记:
type
有5种(1/a/A/i/Ⅰ)、指定序号标记:
strat=””
列表项:
li>
完整的格式为:
oltype=”1/a/A/i/Ⅰ”start=”X”>
2、无序列表(unorderedlist)标记?
更改标记样式?
其他无序列表?
无序列表<
ul>
/ul>
,更改标记样式:
type,
其他无序列表:
menu>
/menu>
前两者差不多,<
lh>
靠左<
/lh>
完整的格式:
ultype=”circle/disc/square”>
…<
3、定义列表(definitionlist)标记?
定义术语(definitionterm)即标题?
定义说明(definitionDescription)即容
定义列表:
dl>
/dl>
,定义术语:
dt>
/dt>
,定义容:
dd>
/dd>
4、表格的3个标记?
表格的所有属性{表格边框的属性:
(外/边框粗细,文字到边框的距离)?
边框颜色?
表格边框的显示状态(上、下、左、右、上下、左右、显示整个、整个不显示)表格宽、高(单位为像素px和百分比%)表格颜色?
表格的水平位置(左、中、右)分隔线的显示状态(显示所有、组与组、行与行、列与列、不显示所有)}
3个标记是:
表格<
table>
行<
tr>
列<
td>
表格的所有属性代码:
tableborder=”外边框粗细”sellspacing=”边框粗细”cellpadding=”文字到边框的距离”bordercolor=”边框颜色”frame=”above/below/lhs/rhs/hsides/vsides/box/void”width=”宽”height=”高”bgcolor=”表格颜色”align=”left/right/center”rules(分隔线)=”all/groups/rows/cols/none”>
XXX<
/td>
/tr>
/table>
5、表格行的属性(单行高度、边框颜色、背景颜色、单行文字的水平对齐方式{左、中、右}、单行的垂直位置{上、中、下})
表格行的属性代码:
trheight=”单行边框高”bordercolor=”单行边框颜色”bgcolor=”当行背景颜色”align=”left/right/center”valign=”top/middle/bottom”>
XX<
6、单元格属性(单元格的宽、边框颜色、背景颜色、单元格文字的水平位置(左、中、右)/垂直位置(上、中、下))
单元格即(列)属性代码:
tdwidth=””bordercolor=””bgcolor=””align=”left/center/right”valign=”top/middle/bottom”>
7、标题标记与属性,表标题标记
标题标记:
captionalign=”top/center/bottom”>
/caption>
表标题标记:
thwidth=”宽度”>
/th>
8、单元格的合并(合并行/列)
合并行/列:
rowspan/colspan均用在<
标签中。
Menu:
菜单,column:
列,row:
行cell:
单元格,layout:
布局
※第五章表单与框架(重点)
1、表单标记?
主要有几个属性?
完整的格式?
2、输入元素有?
包含的所有?
共9个属性全部写出来。
3、多行文本标记?
解释wrap?
4、下拉选框的所有属性?
form>
/form>
主要有3个属性:
action,method,name和不常见的onsubmit
完整的格式为:
formaction=”目的网页”method=”post/get”name=”XXform”onsubmit=””>
………..<
2、输入元素:
input>
input标记包含10个属性:
1本框:
inputtype=”text”value=””name=””maxlength=”最大长度”size=”x”/>
②密码:
inputtype=”password”value=””name=””maxlength=””size=”x+1”/>
③单选按钮,单选框:
inputtype=”radio”name=”注意名字一样”value=””checked=”checked”/>
④提交:
inputtype=”submit”name=””value=”按钮上的字”/>
⑤重置:
inputtype=”reset”name=””value=”按钮上与重置有关的”/>
⑥多选按钮,复选框:
inputtype=”checkbox”name=””value=””checked=”checked”/>
⑦按钮:
inputtype=”button”name=””value=”按钮上显示的字”/>
⑧图片按钮:
inputtype=”image”src=””name=””value=””/>
⑨隐藏域:
inputtype=”hidden”name=”x”value=””/>
10、打开、上传文件<
inputtype=”file”value=””name=””/>
实例:
制作如下按钮:
要求如图:
解答:
完整的代码如下:
--隐藏域的名字为hh,输入框的名字叫aa,输出框的名字为-->
tablewidth="
504"
tdcolspan="
2"
width="
519"
>
请先在第一个框中输入字符,点击输入,然后点输出,输出框就会显示你刚才输的字符<
tdalign="
right"
inputtype="
hidden"
name="
hh"
value="
0"
button"
输入"
onclick="
hh.value=aa.value"
/>
tdwidth="
58"
inputsize="
30"
aa"
输出"
onclick="
b.value=hh.value"
b"
/body>
/html>
3、多行文本标记:
textarea其属性为:
name,cols,rows,wrap,value
其完整的格式为:
textareaname=”多行文本框的名称”cols=”列”rows=”行”wrap=”(off/virtual/physical)”value=””>
默认时显示的字<
/textarea>
wrap:
容超出文本右边界时的显示方式。
wrap的值有3种:
off(永久不换行)/virtual(自动换行,在提交数据的时候自动换行的地方没有换行符)/physical(自动换行在提交数据时,换行符一起提交)
4、下拉选框<
select>
/select>
selectname=”选框名字”size=”x”multiple=”y”>
optionvalue=””>
……<
/option>
optionvalue=””selected(=”selected”)>
x为要显示的项目数,y为允许选择多行、允许列表项目被多选的项数:
取值围为:
(0,+∞)
框架frame框架集,框式支架:
frameset
Frameset标记的属性:
frameborder边框的显示:
0:
无,1:
有
border边框粗细:
默认为5px,单位:
px(像素)
bordercolor边框颜色:
cols:
rows:
均用“像素”和“百分比”分割,用“*”表示剩下的。
framespacing:
框架与框架间的间距
noresize:
设定框架不能调节,只要设定了前面,后面将继承。
【考过】
窗口框架:
frameset>
/frameset>
不能与body混用。
水平分割:
rows,eg:
framesetrows=”30%,*”>
frame>
其中单位为px或百分比(即占总窗口的百分比)
垂直分割:
cols,eg:
framesetcols=”30%,*”>
框架边框:
border=”x”,x只能以px为单位,边框隐藏:
frameborder=”0”,可设置为:
”0”,”1””0”为无,”1”为有,不设则默认为有。
它也可以用在<
中,对单个框架有效,
Frame标记的属性:
Src:
frame其作用是显示网页,用src设置。
Scrolling=”yes/no”有/无滚动条。
若不设,则默认为“auto自动”。
Name:
窗口名称。
Iframe标记属性:
名字
Width:
宽度
Height:
高度
Bgcolor:
浮动窗口的背景颜色
Align:
(left/right/middle)水平对齐方式
Valign:
(top/middle/bottom)垂直对齐方式
Scrolling:
(滚动条)在这里也可以用
英语角
动作:
action表单,形状:
form方法:
method
水平的:
horizontal垂直的:
vertical框架(集):
frame(set)
※※第六章※※css样式表(重点)文中“_”表示空格
一、Css概念:
1全称:
Cascadingstylesheet(层叠样式表)所谓样式,就是网页里显示图片文字的方式(文字的颜色、背景等);
层叠指当cs定义的样式发生冲突时,将据层的先后来处理网页的容。
2独立网页的样式,方便批量管理。
3Cs样式用于控制页面的显示、页面的布局。
二、调用css的4种方式:
1嵌入式:
写在应用样式(即HTML标记中)的标签中,
格式为:
psty
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 静态 网页 知识点
![提示](https://static.bdocx.com/images/bang_tan.gif)