HTML静态网页知识点

合集下载

实验2HTML与静态网页

background-color: #000033; } .STYLE4 {font-size: 18px; color: #000000; } --> </style> </head>
<body
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0" >
<head>
<meta
http-equiv="Content-Type"
charset=gb2312" />
<title> 公司首页 </title>
<style type="text/css">
<!--
.STYLE1 {
color: #FFFFFF;
font-size: 18pt;
font-family: "
class="STYLE2" scope="row"> 产品介绍 </th>
</tr>
<tr>
<th
height="46"
background="INDEX_LM.GIF"
class="STYLE2" scope="row"> 技术支持 </th>
</tr>
</table></td>
<td width="568" valign="top"><table width="568" border="0"

静态网页标签

〈br〉段落标签(空间小)
〈p〉段落标签
〈b〉〈/b〉控制变粗字体标签，有围堵标签
〈p align= “center”〉段落居中
〈a href= “”〉链接标签〈/a 〉
〈target= “-blank”〉新窗口打开一个网页
标签可以并列中间空格
〈img src=”图片地址”〉单标签图片标签
〈img alt=”说明图片的文字”border=”20 图片边框” width=”宽度值” height=”高度值”〉〈style=”border-color 边框的颜色”border=”20 图片边框的大小值”〉
〈img hspace=”左右相邻图片间隔” vspace=”上下相邻图片间隔”src=”图片地址”〉〈table〉〈tr〉行标签〈/tr〉〈td〉列标签〈/td〉〈/table〉表格标签
〈h〉控制字体标签，其中也有很多属性〈/h〉
〈h1 2 3 4 5 6 字体一个比一个小〉
〈ol〉有序列表〈/ol〉〈li〉顺序相当于1 2 3 4 〈li〉
〈ul〉无序列表〈/ul〉
〈pre〉按照记事本的格式出来文字格式〈/pre〉
〈big〉指定文字或者图片变大〈/big〉
〈sub〉下标标签〈/sub〉〈sup〉上标标签〈/sup〉
〈style=”font-….”〉字体控制标签
〈embed src=””〉背景音乐loop=”循环播放”autostart=”可以选择自动播放”可以选择自动播放〈/ embed〉
〈marquee〉滚动标签〈/marquee〉。

网页静态化是什么意思？使用网页静态化有什么好处

⽹页静态化是什么意思？使⽤⽹页静态化有什么好处【考点】⽹页静态化的了解。

【出现频率】★★★★★【解答】⽹页静态化有很多含义，在WEB开发中，静态⽹页⼀般理解为⽹站中⼤部分超级链接所引⽤的页⾯是单独的HTML静态页⾯⽂件（如*.htm、*.html等页⾯⽂件）。

在中（ASP、PHP或JSP也⼀样），页⾯都是通过运⾏库（其他语⾔也有相应的解释器或运⾏环境）动态⽣成HTML代码，然后发送到浏览器端的，⽽不是直接将页⾯⽂件发送。

通过⼀定的技术⼿段，将浏览⽤户通过超级链接可能浏览到的页⾯内容预先转换为单独的HTML静态页⾯，当⽤户浏览时，服务器直接将该页⾯⽂件发送到浏览器端解析。

⽹页静态化的好处具体有以下⼏点。

q 在某些情况下，⽤户请求浏览页⾯时，由于服务器不需要运⾏库动态⽣成HTML、访问数据库等操作，可以明显提⾼页⾯浏览的速度，减轻服务器的运⾏负担。

所以⽹页静态化特别适⽤于⼤型⽹站，⼤量⽤户请求页⾯时，服务器不需要运⾏库的⼯作及数据库的访问，减少了⼤量的页⾯输出⼯作。

不过某些情况也不适合⽹页静态化，因为⽹页静态化本⾝就是程序动态⽣成HTML代码并存储为单独的物理⽂件到磁盘，这个过程过于频繁将导致服务器压⼒过⼤。

在这⽅⾯，编程者要根据WEB项⽬的实际需要，权衡是否需要使⽤⽹页静态化技术。

q 有利于搜索引擎收录⽹站页⾯信息。

商业运营⽹站特别渴求Google、百度之类的搜索引擎能尽量多地收录站点中页⾯的信息，HTML页⾯能使⽹站页⾯收录的可能性增加很多。

还有⼀种类似的技术也可以完成类似的功能，即⽹页伪静态化，即通过URL重写等技术使超级链接所指向的静态HTML地址转向动态页⾯（如*.aspx页⾯）。

因为搜索引擎很多时候⾸先搜索页⾯中的超级链接，超级链接所指向的是HTML静态页⾯，所以可以很轻易地直接搜索到所对应的动态页⾯内容。

【分析】本题主要考查⾯试者对⽹页静态化技术的理解。

⼀些浏览量⽐较⼤的门户⽹站，特别是新闻⽹站，⼤量采⽤了⽹页静态化技术。

HTML静态网页（css样式表）美化

HTML静态⽹页（css样式表）美化CSS（Cascading Style Sheet，叠层样式表），作⽤是美化HTML⽹页。

/*注释区域*/ 此为注释语法⼀、样式表（⼀）样式表的分类1.内联样式表和HTML联合显⽰，控制精确，但是可重⽤性差，冗余较多。

例：<p >内联样式表</p>2.内嵌样式表作为⼀个独⽴区域内嵌在⽹页⾥，必须写在head标签⾥⾯。

如果要在HTML⽂件中调⽤样式表，需要在HTML⽂件中点右键→CSS样式表→附加样式表。

⼀般⽤link连接⽅式。

有些标签有默认的边距，⼀般写样式表代码的时候都会先去除（也可以设置其他的样式），如下：（⼆）选择器1.标签选择器。

⽤标签名做选择器。

2.class选择器。

都是以“.”开头。

3.ID选择器。

以“#”开头。

<div id="样式名">4.复合选择器（1）⽤“，”隔开，表⽰并列。

（2）⽤空格隔开，表⽰后代。

（3）筛选“.”。

⼆、样式属性（⼀）背景与前景1.背景：2.前景字体：（⼆）边界和边框border（表格边框、样式等）、margin（表外间距）。

padding（内容与单元格间距）。

（三）列表与⽅块width、height、（top、bottom、left、right）只有在绝对坐标情况下才有⽤。

静态网页制作方法

静态网页制作方法静态网页制作指的是基于HTML、CSS和JavaScript等前端技术手段创作的网页，它不依赖于后台服务器的数据交互和动态效果。

静态网页制作方法主要包括页面规划、HTML结构设计、CSS样式设计和JavaScript交互设计等方面。

首先，静态网页的制作需要进行页面规划。

在规划阶段，我们需要确定网页的整体结构、布局和导航等内容。

一般可以通过手绘草图或使用设计工具进行页面的原型设计，明确网页的整体风格和内容分布。

接下来，我们需要进行HTML结构设计。

HTML作为网页的骨架，负责搭建网页的结构框架。

我们可以使用文本编辑器如Notepad++或专业的开发工具如WebStorm来编写HTML代码。

在编写HTML代码时，我们需要理解HTML 标签的语义和结构，合理使用各种标签来组织网页的内容。

可以通过创建div、p、h1等标签来分别表示页面中的不同段落、标题等内容，然后使用嵌套和属性等方式来搭建出网页的整体结构。

在完成HTML结构设计后，下一步是进行CSS样式设计。

CSS负责网页的样式布局和外观设计。

通过为HTML元素添加样式属性，我们可以设置字体、颜色、背景、边框等外观效果，从而优化页面的视觉效果和用户体验。

我们可以在HTML 文件中嵌入CSS代码，也可以将CSS代码保存到独立的样式表文件中，然后通过<link>标签链接到HTML文件中。

在使用CSS时，我们需要考虑浏览器兼容性和响应式布局等因素，可以使用CSS预处理语言如Sass或Less等来简化和优化样式的编写。

最后，我们还可以添加JavaScript交互设计来增加网页的动态效果。

通过JavaScript代码，我们可以对网页中的元素进行操作、响应用户的交互行为，并实现一些动态效果如轮播图、表单验证等。

JavaScript可以直接嵌入到HTML 文件中，也可以单独保存到.js文件中，然后通过<script>标签引入到HTML文件中。

网页设计基础知识1

1.ftp:///软件/设计工具/ 也可以下载8/CS3/CS4的绿色版本
2.使用老师提供的Adobe_CS3_LJF_3in1.iso 虚拟光驱加载ISO文件进行安装，序列号任意填写
3.确保“FLEXnet Licensing Service”服务开启（即确保“FNPLicensingService”这一服eaver CS3
➢ Dreamweaver操作界面 1.菜单栏 2.文档窗口 3.属性面板:PS、office属性在上方，DW在下方 4.插入栏：对象面板，快速插入各种网页元素可以设定该工具条界面为制表符模式或者菜单模式 5.文档工具栏 6.面板组：浮动面板，实现特定的功能设计面板、代码面板、应用程序面板、文件面板等
（插件）支持。
－－动态效果
常见的客户端动态技术：Javascript、JavaApplet、 DHTML、ActiveX、Flash、VRML
多媒体网页，但并不是真正的动态网页
a
6
1.网页设计概述
➢ 服务器端动态技术需要服务器和客户端的共同参与，客户通过浏览器发出页面请求后，服务器根据请求的参数运行服务器端程序产生结果页面再返回给客户端。一般涉及到数据库。典型的服务器端动态技术：ASP、、PHP、 JSP、CGI
DW和Frontpage为“所见即所得”工具，不懂HTML语言也可以制作专业的网页,图形化界面操作，自动生成相应代码。
a
12
2.网页制作相关工具
➢ 本课程主要讲解使用Adobe Dreamweaver CS3 制作静态网站。
➢ DW最新版本为Dreamweaver CS4，其基本功能跟Dreamweaver 8/CS3类似，CS3/CS4跟8的最大区别主要为：界面“色调”不一样、多了Ajax 框架、CS3/4和Photoshop的整合、CSS样式表的增强。

静态html模板

静态html模板静态HTML模板。

静态HTML模板是网页设计和开发中常用的一种技术。

它是一种用于创建网页的基本模板，可以帮助开发者快速构建静态网页，而不需要依赖于动态服务器端技术。

静态HTML模板通常包含了网页的基本结构、样式和布局，可以为网站提供一致的外观和用户体验。

使用静态HTML模板有很多优点。

首先，它可以提高网站的加载速度，因为静态网页不需要从服务器动态生成，而是直接从服务器传输到客户端。

这意味着用户可以更快地访问网站，并且可以减少服务器的负载。

其次，静态HTML模板可以帮助开发者更好地控制网页的结构和布局，使得网站更容易被搜索引擎索引和排名。

此外，静态HTML模板也更容易维护和管理，因为它不依赖于数据库或服务器端脚本。

在使用静态HTML模板时，开发者需要注意一些问题。

首先，要确保模板的兼容性和响应性，以便在不同的设备和浏览器上都能够正常显示。

其次，要注意网页的性能优化，包括压缩和合并CSS和JavaScript文件，以减少网页的加载时间。

另外，要注意网页的可访问性，确保网页内容对于残障人士和老年人也能够正常浏览和理解。

为了更好地使用静态HTML模板，开发者可以使用一些现成的模板库，或者自己编写模板。

现成的模板库通常包含了各种各样的模板，可以根据需要进行定制和修改。

而自己编写模板则可以更好地满足特定的需求，但需要更多的时间和精力。

总的来说，静态HTML模板是网页设计和开发中非常重要的一部分。

它可以帮助开发者快速构建网页，并且具有良好的性能和可维护性。

然而，开发者在使用静态HTML模板时需要注意一些问题，以确保网页的质量和用户体验。

希望本文对于静态HTML模板的理解和应用有所帮助。

Html静态网页代码汇总

Dreamweaver静态网页Html标记代码汇总网站相关概念Internet是一个全球计算机互相网络，WWW是Internet所提供的一种极其重要的服务，即World Wide Web，简称Web；WWW主要以Web为表现形式，或者说，Web是Web页即网页的载体，我们所说的Web页就是指由HTML（超文本标记语言）这种语言编写的一类特殊文件，通常后缀为*.html或*.htm的页面。

Dreamweaver CS基本应用HTML文档结构：<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容<body bgcolor=”背景色”></body>：网页主体部分<head></head>：网页头部，包含网页导航栏中的标题和网页不显示的信息<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内<meta name=”描述” content=”搜索信息” />：辅助性标签，用于<head>标记之内<meta name=”作者” content=”余学兵”>：标注网页的作者<meta name=”关键字” content=”IT，教育，网络”>：设定搜索关键字<meta name=”robots” content=”all”>：告诉搜索机器人需要索取的页面，默认全部<meta http-equiv=”expires” content=”web，26 feb 2010 08：21：57 GMT”>：http-equiv属性代替name属性，expires 设定网页到期时间<meta http-equiv=”refresh” content=”5; url=”>：间隔5秒网页自动刷新，并指向新的URL网址<h2></h2>：表示是一行级别是2号的标题文字，有h1~h6的6级标题可选<font color=”颜色” face=”字体” size=”尺寸”></font>：文字处理标签<pre></pre>：预先格式化，以格式化显示标签中的内容结构<p align=”对齐方式”></p>：段落标记，center(居中)、left(左边)、right(右边)<br />：换行标记，按[shift]+[enter]可实现<b>粗体</b>：粗体字体标记<i>斜体</i>：斜体字体标记<sup>上标</sup>：上标标记文本格式<sub>下标</sub>：下标标记文本格式<ul></ul>：无序列表开始结束标记<li></li>：列表项标记，</li>为可选项<ol start=”数字”></ol>：有序列表开始结束标记，start属性指定列表的起始数字<li type=”有序列表标签”>：有序列表的序列标记，可自定义为数字或字母等<hr align=”对齐位置” width=”长度” size=”高度” noshade=”纯色” color=”颜色”>：水平线标记，可标记水平线的长度、高度、纯色阴影显示、颜色等属性<img align=”图像与文本的对齐方式” src=”图像名称”>：在HTML中插入图像，align属性值：top(头部)、bottom(底部)、middle(居中)、left(居左)、right(居右)<p onclick="MM_popupMsg('你好！')">点击</p>：弹出“你好！”信息的行为<p onmouseover="MM_swapImage('image', '图像路径'),|">点击</p>：弹出图片<embed src=”第一次爱的人.mp3”><embed/>：在网页中插入音频文件<marquee direction=”移动方向” behavior=”设置路径” loop=”循环圈数” bgcolor=”背景色”>：滚动文字字幕，方向属性:down向下、up向上、left向左、right向右<a href=””>咔咔主页</a>：超级链接标记<a href=javascript.alert(“谢谢！”)>点击</a>：对话框脚本链接<a href=”kxncwg.exe”>开心农场外挂下载<a/>：文件下载链接<a href=”news.html”>新闻报道<a/>：相对路径链接（锚记）HTMLHTML表格标记：<table align=”对齐方式”width=”宽度”bgcolor=”背景色”background=”背景图片”border=”边框显隐”cellspacing=”单元格之间间距” cellpadding=”单元格内间距”<caption></caption>：定义表格的标题（可选）<tr></tr>：定义表格的一行<th><th/>：设置表格栏标题（表头），显示为粗体子此标记可以省略<td></td>：用来装载单元格数据，它们必须位于<tr></tr>标记之间链接路径：（链接的类型和目标属性）1.链接类型◆外部链接：跳转到站点外其他网站的链接◆内部链接：站点根目录内文档之间的互相链接，也称为相对文档链接◆E-mail链接：实现打开E-mail客户端应用程序进行撰写、发送邮件的工作◆局部链接：在同一文档内部或不同文档之间指定位置的链接2.链接目标◆_blank：将打开一个新窗口◆_parent：将在父窗口中打开◆_self：将在当前窗口中打开◆_top：将在上级窗口中打开<a name=”命名锚” id=”命名锚id”><a/>：命名锚记插入图像、Flash及其他多媒体对象1．在网页中插入图片和图像占位符打开HTML文档，将插入点放在要插入图像的位置，单击插入栏中“常用”面板的“图像”按钮，或选择“插入”的“图像”命令，在弹出的“选择图像源”对话框中选择要插入的图像，确定即可。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

文中的 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>空格：  <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; 左尖括号<：< 右尖括号>：>地址符&：& 引号"：" 空格： 钱币符号￥：¥ 平方M2：² m³：³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>标签中。