HTML静态网页知识点.docx
- 文档编号:25710935
- 上传时间:2023-06-11
- 格式:DOCX
- 页数:25
- 大小:76.24KB
HTML静态网页知识点.docx
《HTML静态网页知识点.docx》由会员分享,可在线阅读,更多相关《HTML静态网页知识点.docx(25页珍藏版)》请在冰豆网上搜索。
HTML静态网页知识点
文中的XXX“黄色”标记为易错的,重要的
第一章网页编程基础
1、互联网?
2、分别解释tcp/ip;http;ftp;html;bbs;;url;php;css
3、url的5种形式?
4、服务器、服务端?
客户端?
5、超文本?
超?
6、网页的3种基本类型?
7、一个完整的hml文件结构有多少个标记?
分别是?
8、文字的属性代码?
9、注释标记?
标题标记?
换行?
空格?
段落?
加粗?
加斜?
10、meta标记常用的刷新/语言编码代码?
增加的:
关键字、主题容、强行的调用网上最新版本、文档作者
11、link标记?
()
12、base标记?
(文档原始地址)
13、常见的html编辑器?
答案:
1、Internet
2、tcp/ip:
传输控制协议
http:
超文本传输协议
ftp:
文件传输协议
html:
超文本标记语言
bbs:
电子公告板服务
:
(worldwideweb)网维网或全球围网
url:
统一资源定位符
php:
一种用来制作动态网页的服务器端的脚本语言
css:
层叠样式表(样式表)一种设计网页样式的标准
3、①file:
//文件地址(最后以单个文件结尾)
②.w3.org/default.html[default:
缺省的意思]
③ftp:
//192.168.0.123
④news:
//地址
⑤telnet:
//地址
4、server;client【B-B;C-C;B-C;模式B代表企业;C代表个人;B/S;C/S】
5、HT(hypertxet),HL(hyperlink)
6、①静态网页html;css
②动态网页*.jsp,*.php*.asp(以do?
开始的是Java平台编写的)
③交互式网页JavaScript
7、4个;分别是
8、
9、注释
---->;标题:
或空格:
段落
;加粗;加斜10、刷新:
文字编码:
(简体中文:
gb2312,utf-8是英语编码,繁体字编码:
BIG5)
关键字:
主题容:
强行调用网上的最新版本:
文档作者:
11、
12、
)
13、常见的html编辑器:
Dreamweaver、Notepad++、firstpage2006、webuilder2006
(以前的Dreamweaver是macromedia公司的,现在隶属于adobe公司)
第二章认识Dreamweaver
1、?
分支?
xhtml前的x表示什么?
在Dreamweaver中什么键可实现预览功能?
2、重做的快捷键?
撤销的快捷键?
打开时间轴的快捷键?
目标地址?
3、在
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、文字格式标记,属性?
文字的附加属性:
常用的有:
加粗、加斜、
加下划线、加删除线
只需了解的有:
缩小、加大一点、
加强强调、强调、
显示网址、、显示代码指令
6、滚动字幕、图片的所有属性代码?
答案:
1、
2、居中:
原版显示标记:
或区别:
3、
4、
为单标签,若该属性中不设noshade,则默认为有阴影。
5、
6、①滚动字幕:
up/down/left/right)”behavior=”滚动行为(滚动、滑动、摆动: scroll/slide/alternate)”width=”宽度值”height=”高度值”srollamount=”滚动速度,值越大,速度越快”scrolldelay=”滚动延迟”hspace/vspace=”滚动对象距背景上下/左右的值”loop=”-1(滚动速度)”>滚动字幕 ②滚动图片(与滚动字幕类似) up/down/left/right)”behavior=”滚动行为(滚动、滑动、摆动: scroll/slide/alternate)”width=”宽度值”height=”高度值”srollamount=”滚动速度,值越大,速度越快”scrolldelay=”滚动延迟”hspace/vspace=”滚动对象距背景上下/左右的值”loop=”-1(滚动速度)”>滚动图片地址: 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、热点区域(: shape.{rectc/cricle/poly}roods,href)完全的格式 13、图片的优化: ①低分辨率显示: lowsrc ②文字替代图片: alt/tilte 14、外部超级(www型,ftp型,telnet型,news型mailto型) 答案: 1、 style="background-repeat: no-repeat/repeat/repeat-x/repeat-y; background-position: center/left/right text="black/white/red/blue"link=""alink=''"vlink=""> 2、在 onmouseover="stop()"onmouseout="start()" 3、千分号‰;‰左尖括号<: <右尖括号>: > 地址符&: &引号": "空格: 钱币符号¥: ¥平方M2: ²m³: ³ 4、上标: 下标: 5、 6、当前目录: ./上级目录: ../ 7、 //wish15: wish15192.168.0.123”>点击到学校服务器 (思考题: //wish15: wish15192.168.0.123/07.jpg”>点击这里打开07.jpg) 8、 9、gif: 图像交换格式,无损压缩图片格式,支持256种色, jpg: 联合照片专家组,有损压缩图片格式,支持1670万种色 10、 11、 —包含图片的所有格式: height,width,border,hspace,vspace--> 12、 --后面是图片的属性--> 13、①低分辨率: lowsrc ②文字替代图片: 14、“.sina.(网址)” “ftp: //192.168.0.123” “ftp: //wish15: wish15192.168.0.123” //..地址”> “news: //..地址” “mailto: XXX163.? subject=主题&cc=抄送地址&bcc=暗送收件人&body=主题” 单标签总结: 水平分隔线: 、 换行标记<: br/>或不换行标记: 居中: 英语角: 下划线: underline简称u图像文件夹: image 10.22作业: 1、建立站点,管理站点。 2、制作AP-DIV,漂浮的图片或flash。 其他资讯 考试在人事局考试计算机职称,程序员中级,高级对工作有保障 第四章列表与表格(所有容) 1、有序列表(orderedlist)标记? 改变序号标记? 有多少种类? 指定序号标记? 列表项(listitem)标记? 详解: 有序列表 type 有5种(1/a/A/i/Ⅰ)、指定序号标记: strat=”” 列表项: 完整的格式为: 2、无序列表(unorderedlist)标记? 更改标记样式? 其他无序列表? 详解: 无序列表 type, 其他无序列表: 完整的格式: 3、定义列表(definitionlist)标记? 定义术语(definitionterm)即标题? 定义说明(definitionDescription)即容 详解: 定义列表:
、插入图片标记:,改变序号标记:
,更改标记样式:
;前两者差不多,
,定义术语:
4、表格的3个标记?
表格的所有属性{表格边框的属性:
(外/边框粗细,文字到边框的距离)?
边框颜色?
表格边框的显示状态(上、下、左、右、上下、左右、显示整个、整个不显示)表格宽、高(单位为像素px和百分比%)表格颜色?
表格的水平位置(左、中、右)分隔线的显示状态(显示所有、组与组、行与行、列与列、不显示所有)}
详解:
3个标记是:
表格
表格的所有属性代码: | |
XXX | XXX |
5、表格行的属性(单行高度、边框颜色、背景颜色、单行文字的水平对齐方式{左、中、右}、单行的垂直位置{上、中、下})
详解:
表格行的属性代码:
XX XX
6、单元格属性(单元格的宽、边框颜色、背景颜色、单元格文字的水平位置(左、中、右)/垂直位置(上、中、下))
详解:
单元格即(列)属性代码:
7、标题标记及属性,表标题标记
详解:
标题标记:
表标题标记:
8、单元格的合并(合并行/列)
详解:
合并行/列:
rowspan/colspan均用在
英语角:
Menu:
菜单,column:
列,row:
行cell:
单元格,layout:
布局
※第五章表单与框架(重点)
1、表单标记?
主要有几个属性?
完整的格式?
2、输入元素有?
包含的所有?
共9个属性全部写出来。
3、多行文本标记?
解释wrap?
4、下拉选框的所有属性?
答案:
1、
;主要有3个属性:action,method,name和不常见的onsubmit
完整的格式为:
2、输入元素:
input标记包含10个属性:
1本框:
②密码:
③单选按钮,单选框:
④提交:
⑤重置:
⑥多选按钮,复选框:
⑦按钮:
⑧图片按钮:
⑨隐藏域:
10、打开、上传文件
实例:
制作如下按钮:
要求如图:
解答:
完整的代码如下:
<--隐藏域的名字为hh,输入框的名字叫aa,输出框的名字为-->
3、多行文本标记:
textarea其属性为:
name,cols,rows,wrap,value
其完整的格式为:
默认时显示的字
详解:
wrap:
容超出文本右边界时的显示方式。
wrap的值有3种:
off(永久不换行)/virtual(自动换行,在提交数据的时候自动换行的地方没有换行符)/physical(自动换行在提交数据时,换行符一起提交)
4、下拉选框
详解:
x为要显示的项目数,y为允许选择多行、允许列表项目被多选的项数:
取值围为:
(0,+∞)
框架frame框架集,框式支架:
frameset
Frameset标记的属性:
frameborder边框的显示:
0:
无,1:
有
border边框粗细:
默认为5px,单位:
px(像素)
bordercolor边框颜色:
cols:
rows:
均用“像素”和“百分比”分割,用“*”表示剩下的。
framespacing:
框架与框架间的间距
noresize:
设定框架不能调节,只要设定了前面,后面将继承。
【考过】
详解:
窗口框架:
不能与body混用。水平分割:
rows,eg:
垂直分割:
cols,eg:
框架边框:
border=”x”,x只能以px为单位,边框隐藏:
frameborder=”0”,可设置为:
”0”,”1””0”为无,”1”为有,不设则默认为有。
它也可以用在中,对单个框架有效,
Frame标记的属性:
Src:
frame其作用是显示网页,用src设置。
Scrolling=”yes/no”有/无滚动条。
若不设,则默认为“auto自动”。
Name:
窗口名称。
Iframe标记属性:
Name:
名字
Width:
宽度
Height:
高度
Bgcolor:
浮动窗口的背景颜色
Align:
(left/right/middle)水平对齐方式
Valign:
(top/middle/bottom)垂直对齐方式
Scrolling:
(滚动条)在这里也可以用
英语角
动作:
action表单,形状:
form方法:
method
水平的:
horizontal垂直的:
vertical框架(集):
frame(set)
※※第六章※※css样式表(重点)文中“_”表示空格
一、Css概念:
1全称:
Cascadingstylesheet(层叠样式表)所谓样式,就是网页里显示图片文字的方式(文字的颜色、背景等);层叠指当cs定义的样式发
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 静态 网页 知识点