当前位置:文档之家› HTML静态网页知识点

HTML静态网页知识点

文中的 XXX“黄色”标记为易错的,重要的第一章网页编程基础1、互联网?2、分别解释tcp/ip;http;ftp;html;bbs;;url;php;css3、url的5种形式?4、服务器、服务端?客户端?5、超文本?超?6、网页的3种基本类型?7、一个完整的hml文件结构有多少个标记?分别是?8、文字的属性代码?9、注释标记?标题标记?换行?空格?段落?加粗?加斜?10、meta标记常用的刷新/语言编码代码?增加的:关键字、主题容、强行的调用网上最新版本、文档作者11、link标记?()12、base标记?(文档原始地址)13、常见的html编辑器?答案:1、Internet2、tcp/ip:传输控制协议http:超文本传输协议ftp:文件传输协议html:超文本标记语言bbs:电子公告板服务:(world wide web)网维网或全球围网url:统一资源定位符php:一种用来制作动态网页的服务器端的脚本语言css:层叠样式表(样式表)一种设计网页样式的标准3、①file://文件地址(最后以单个文件结尾)②/default.html[default:缺省的意思]③ftp://192.168.0.123④news://地址⑤telnet://地址4、server;client【B-B;C-C;B-C;模式B代表企业;C5、HT(hyper txet) , HL( hyper link)6、①静态网页html; css②动态网页 *.jsp, *.php *.asp(以do?开始的是Java平台编写的)③交互式网页JavaScript7、4个;分别是<html><title><head><body>8、<font color=””face=”” size=””>文字</font>9、注释<!-- -->;标题:<hx>x为1~6,其中h1最大</hx>;换行:<br/>或</br>空格:&nbsp; <p>段落</p>; <b>加粗</b >; <i>加斜</i>10、刷新:<meta http-equiv=”refresh” content=”时间;网页地址”>文字编码:(简体中文:gb2312,utf-8是英语编码,繁体字编码:BIG5)<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>关键字:<meta name=”keywords” content=”你的关键字”>主题容:<meta name=”description” content=”你的关键字”>强行调用网上的最新版本:<mata http-equiv=”pragma” content=”no-cache”>或<mata http-equiv=”content-control” content=”no-cache”>文档作者:<meta name=”author” content=”作者的名字”>11、<link href=”style.css” type=”text/css” rel=”stylesheet” >12、<base href=”XX address”>(注意XX 与address之间是空格。

)13、常见的html编辑器:Dreamweaver、Notepad++、first page 2006、we builder 2006(以前的Dreamweaver是macromedia公司的,现在隶属于adobe公司)第二章认识Dreamweaver1、?分支?xhtml前的x表示什么?在Dreamweaver中什么键可实现预览功能?2、重做的快捷键?撤销的快捷键?打开时间轴的快捷键?目标地址?3、在<a href=”#”>点击这里</a>中的#表示什么?4、在表格中,填充的含义是什么?间距指的是什么?答案:1、link,subject,x表示此网页符合web2.0的标准,F122、ctrl+Y,Ctrl+Z,Alt+F9,target3、表示空(或者的地址)4、填充的含义是:容到边框的值,间距(cellspacing):指单元格间的距离。

第三章文字超图片10.22 Wednesday, October 28, 20091、单行显示、强制不换行标记?2、居中显示标记?段落缩进标记?原版显示标记?3、段落位置,段落居中,居左,居右?4、水平分隔线的所有属性?5、文字格式标记,属性?文字的附加属性:常用的有:<b>加粗</b> 、<i>加斜</i>、<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><pre></pre>可解析代码地完全显示区别:<xmp></xmp>不可解析代码,绝对地原版显示3、<p align=”center/left/right”></p>4、<hr color=”” width=”” size=”” align=”left/right/center” noshade="noshade"> <hr>为单标签,若该属性中不设noshade,则默认为有阴影。

5、<font color=”颜色” face=”字体” size=”字号” >容</font>6、①滚动字幕:<marquee bgcolor=”字幕颜色代码” direction=”滚动方向(上、下、左、右:up/down/left/right)” behavior=”滚动行为(滚动、滑动、摆动:scroll/slide/alternate)”width=”宽度值” height=”高度值” srollamount=”滚动速度,值越大,速度越快” scrolldelay=”滚动延迟” hspace/vspace=”滚动对象距背景上下/左右的值” loop=”-1(滚动速度)” >滚动字幕</marquee>②滚动图片(与滚动字幕类似)<marquee bgcolor=”字幕颜色代码” direction=”滚动方向(上、下、左、右:up/down/left/right)” behavior=”滚动行为(滚动、滑动、摆动:scroll/slide/alternate)”width=”宽度值” height=”高度值” srollamount=”滚动速度,值越大,速度越快” scrolldelay=”滚动延迟” hspace/vspace=”滚动对象距背景上下/左右的值”loop=”-1(滚动速度)” >滚动图片地址:<img src=”XX.jpg”></marquee>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 <img src="" lowsrc="">②文字替代图片:alt/tilte <img src="" alt/title="文字">14、外部超级(www型,ftp型,telnet型,news型mailto型)答案:1、<body bgcolor="#000000" background="00.jpg"style="background-repeat:no-repeat/repeat/repeat-x/repeat-y;background-position:center/left/righttext="black/white/red/blue" link="" alink=''" vlink="">2、在<marquee>命令里面增加:onmouseover="stop()" onmouseout="start()"3、千分号‰;&permil; 左尖括号<:&lt; 右尖括号>:&gt;地址符&:&amp; 引号":&quot; 空格:&nbsp;钱币符号¥:&yen; 平方M2:&sup2; m³:&sup3;4、上标:<sup></sup>下标:<sub></sub>5、<a href=”地址” target=” _blank/_parent/_self/_top” alt=””/title=”” >6、当前目录:./ 上级目录:../7、<a href=”ftp://wish15:wish15192.168.0.123”>点击到学校服务器</a>(思考题:<ahref=”ftp://wish15:wish15192.168.0.123/07.jpg”>点击这里打开07.jpg</a>)8、<a href=”#a”>锚点</a><a name=”a”>点击锚点后显示的容 </a>9、gif:图像交换格式,无损压缩图片格式,支持256种色,jpg:联合照片专家组,有损压缩图片格式,支持1670万种色10、<img src=”图片名称.jpg” width=”值” height=”值” border=”值”hspace/vspace=”” align=”top/center/middle/bottom/left/right”>11、<a href=”地址”><img src=”00.jpg” ></a><!—包含图片的所有格式:height,width,border,hspace,vspace-->12、<img src=”00.jpg” usemap=”#a”><!--后面是图片的属性--><map name=”a”><area shape=”rect/circle/poly” coords=”对应坐标” href=”地址”>容</map>13、①低分辨率:lowsrc <img src=”00.jpg” lowsrc=”00.jpg”>②文字替代图片:<img src=”00.jpg” alt/title=”容”>暗送收件人&body=主题”第四章列表与表格(所有容)1、有序列表(ordered list)标记?改变序号标记?有多少种类?指定序号标记?列表项(list item)标记?详解:有序列表<ol></ol>, 改变序号标记:type有5种(1/a/A/i /Ⅰ)、指定序号标记:strat=””列表项:<li>完整的格式为:<ol type=”1/a/A/i/Ⅰ” start=”X”><li></ol>2、无序列表(unordered list)标记?更改标记样式?其他无序列表?详解:无序列表<ul></ul>,更改标记样式:type,其他无序列表:<ul></ul>;<menu></menu>前两者差不多,<lh>靠左</lh>完整的格式:<ul type=”circle/disc/square” ><li>…<li>…<li></ul>3、定义列表(definition list)标记?定义术语(definition term)即标题?定义说明(definition Description)即容详解:定义列表:<dl></dl>,定义术语:<dt></dt>,定义容:<dd></dd>4、表格的3个标记?表格的所有属性{表格边框的属性:(外/边框粗细,文字到边框的距离)?边框颜色?表格边框的显示状态(上、下、左、右、上下、左右、显示整个、整个不显示)表格宽、高(单位为像素px和百分比%)表格颜色?表格的水平位置(左、中、右)分隔线的显示状态(显示所有、组与组、行与行、列与列、不显示所有)}详解:3个标记是:表格<table> 行<tr> 列<td>表格的所有属性代码:<table border=”外边框粗细” 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”><tr><td>XXX</td><td>XXX</td></tr></table>5、表格行的属性(单行高度、边框颜色、背景颜色、单行文字的水平对齐方式{左、中、右}、单行的垂直位置{上、中、下})详解:表格行的属性代码:<tr height=”单行边框高” bordercolor=”单行边框颜色” bgcolor=”当行背景颜色”align=”left/right/center” valign=”top/middle/bottom”><td>XX</td><td>XX</td></tr> 6、单元格属性(单元格的宽、边框颜色、背景颜色、单元格文字的水平位置(左、中、右)/垂直位置(上、中、下))详解:单元格即(列)属性代码:<td width=”” bordercolor=”” bgcolor=”” align=”left/center/right”valign=”top/middle/bottom”>文字</td>7、标题标记及属性,表标题标记详解:标题标记:<caption align=”top/center/bottom”></caption>表标题标记:<th width=”宽度”></th>8、单元格的合并(合并行/列)详解:合并行/列:rowspan/colspan均用在<td></td>标签中。

相关主题