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〉。

HTML静态网页--JavaScript-DOW操作

HTML静态⽹页--JavaScript-DOW操作1、DOM的基本概念DOM是⽂档对象模型，这种模型为树模型；⽂档是指标签⽂档；对象是指⽂档中每个元素；模型是指抽象化的东西。

2、Windows对象操作⼀、属性和⽅法：属性（值或者⼦对象）：opener:打开当前窗⼝的源窗⼝，如果当前窗⼝是⾸次启动浏览器打开的，则opener是null。

dialogArgument：对话框返回值。

⼦对象：history,location,document,status,menubar,toolbar等。

⽅法（函数）：事件（事先设置好的程序，被触发）。

⼆、Window.open（"第⼀部分"，"第⼆部分"，"第三部分"，"第四部分"）Window.open的特征参数：第⼀部分：写页⾯地址。

第⼆部分：_blank 打开的⽅式，在新窗⼝还是⾃⾝的窗⼝。

第三部分：控制打开的窗⼝格式，可以写多个，⽤空格隔开如下：toolbar=no新打开的窗⼝⽆⼯具条；menubar=no⽆菜单栏 status=no⽆状态栏；width=100 height=100 宽度⾼度；left=100 打开的窗⼝距离左边多少距离；resizable=no窗⼝⼤⼩不可调；scrollbars=yes 出现滚动条；location=yes 有地址栏；Window.open也有返回值，它的返回值是：新打开的窗⼝对象。

例如：最简单的打开窗⼝：window.open("Untitled-6.html");打开⼀个窗⼝并保存在变量中：var w= window.open()；可以将打开的多个窗⼝保存在数组w⾥：function openW(){w[i++]=window.open();}三、window.close()：关闭当前窗⼝；w.close()：关闭保存在变量w中的那个窗⼝；关闭多个⼦窗⼝：先将打开的窗⼝存⼊数组内，利⽤循环将其挨个关闭；关闭打开当前窗⼝的源窗⼝： window.opener.close()；四、间隔与延迟间隔执⾏⼀段代码（函数）：window.setInterval("要执⾏的代码"，间隔的毫秒数)清除间隔执⾏：window.clearInterval(间隔的id); 循环⼀次之后⽤来清除隔执⾏的代码延迟⼀段时间执⾏某⼀段代码（函数）：window.setTimeout("要执⾏的代码"，延迟的毫秒数)清除延迟：window.clearTimeout(延迟的id)；清除setTimeout五、调整页⾯window.navigate("url") 跳转⾄⽬标页⾯，在⾕歌浏览器下有bug；window.moveTo(x,y) 移动页⾯⾄某⼀位置，位置由x和y决定；window.resizeTo(宽，⾼) 调整页⾯的宽度和⾼度；window.scrollTo（x,y）滚动页⾯⾄哪⾥，y代表纵向滚动。

静态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. 页面内容固定不变：静态网站的页面内容是通过编写静态的HTML文件生成，因此在用户访问时，页面的内容会保持不变，无法根据用户的需求进行动态变化。

2. 简单易用：相比于动态网站，静态网站的设计和开发较为简单，不需要连接数据库或编写复杂的代码逻辑。

3. 速度快：由于静态网站的页面内容在服务器上已经预先生成好，因此在用户请求时，无需进行数据库查询和计算，加载速度更快。

二、静态网站设计的基本要素1. 网站结构设计：静态网站的设计需要考虑网站的整体结构，包括页面之间的关联和导航，页面布局等方面。

合理的网站结构可以提高用户的访问体验。

2. 页面设计：静态网站的页面设计需要注重页面的美观性和易用性。

可以通过选择合适的颜色搭配、字体、排版等来提高页面的吸引力和可读性。

3. 图片与多媒体素材的运用：静态网站中可以使用图片、音频、视频等多媒体素材来增强页面的表现力，吸引用户的注意力。

4. 网站导航设计：静态网站的导航设计需要清晰简洁，并且便于用户浏览和定位所需内容。

一般来说，网站导航应当放置在网页的顶部或侧边，方便用户访问不同的页面。

5. 响应式设计：随着移动设备的普及，静态网站的设计需要考虑到不同屏幕尺寸和分辨率下的适应性。

通过响应式设计，可以使网站在不同设备上呈现出良好的用户体验。

三、静态网站设计的工具和技术1. HTML：HTML是构建静态网站最基本的语言，通过编写HTML 文件，可以定义网页的结构和内容。

2. CSS：CSS用于美化网页的样式和布局，通过添加样式规则，可以改变网页的字体、颜色、布局等。

3. JavaScript：JavaScript可以为静态网站添加一些动态效果和交互功能，提升用户体验。

网页制作知识点总结

网页制作知识点总结一、网页制作基础知识1.1 网页制作的基本概念网页是一种基于互联网的信息传递工具，是由HTML、CSS、JavaScript等技术语言编写制作的，可以在浏览器上进行访问和展示。

网页制作则是指根据网页内容的需求，使用HTML、CSS、JavaScript等语言技术，将内容呈现在浏览器中的过程。

1.2 HTML、CSS、JavaScript的基本概念HTML是一种标记语言，用于描述网页的结构和内容；CSS是一种样式表语言，用于描述网页的外观和样式；JavaScript是一种脚本语言，用于实现网页的交互和动态效果。

1.3 网页制作的基本流程网页制作的基本流程包括需求分析、界面设计、页面编写、页面测试和页面发布等步骤。

在需求分析阶段，需要明确网页制作的目标和需求；在界面设计阶段，需要设计网页的整体结构和样式；在页面编写阶段，需要使用HTML、CSS、JavaScript等语言进行网页编写；在页面测试阶段，需要对网页进行各种测试，确保网页能够正常运行；在页面发布阶段，需要将网页上传到服务器，可以通过浏览器进行访问。

二、网页制作的技术要点2.1 HTML技术要点HTML技术要点包括HTML的基本结构、HTML的标签和元素、HTML的语义化和结构化等内容。

HTML的基本结构包括文档类型声明、html标签、head标签和body标签等；HTML的标签和元素包括标题标签、段落标签、表格标签、图片标签、链接标签等；HTML的语义化和结构化是指在编写HTML时，要根据内容的实际含义来使用适当的标签，使得网页的结构更加清晰和易于理解。

2.2 CSS技术要点CSS技术要点包括CSS的基本语法、CSS的选择器和属性、CSS的样式表和布局等内容。

CSS的基本语法包括选择器和属性的应用；CSS的选择器和属性是用来选择和描述网页元素的样式；CSS的样式表和布局是指通过CSS来设置网页元素的外观和布局。

2.3 JavaScript技术要点JavaScript技术要点包括JavaScript的语法、JavaScript的数据类型、JavaScript的函数和事件等内容。

网页设计考试重点

第一章Dreamweaver CS4基础1网页的概念网页（Web）就是网站上的某一个页面，是一个纯文本文件，是向浏览者传递信息的载体，以超文本的超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。

2网页类型：静态网页的URL通常以.htm、.html、.shtml、.xml等形式为后缀。

动态网页.asp、.jsp、.php、.perl、.cgi。

①静态网页：指在网页设计中，纯HTML格式的网页。

②动态网页：指由网页应用程序反馈至浏览器上生成的网页，是服务器与用户进行交互的界面。

3网页的布局：π型、T型、“三”型、框架布局、POP布局和Flash布局。

①π型布局：顶部一般为网站标志、主菜单和广告条，下方左右为链接、广告或其他内容，中间为主题内容的布局，整体效果类似于符号π。

优点：充分利用页面的版面，可容纳的信息量大；缺点：因容量大而显得拥挤，不够生动。

②T型布局：顶部一般是网站标志和广告条，左侧是主菜单，右侧是主要内容。

优点：页面清晰，内容主次分明，初学者容易上手；缺点：布局规格死板，若不注意细节上的色彩调整，很容易产生乏味感。

③“三”型布局：在页面上用横向的两条色块将整个网页划分为上、中、下3个区域，色块中放置信息或广告。

④框架布局：包括左右框架布局、上下框架布局和综合框架布局集中形态。

采用框架布局的网页一般可以通过某个框架内的链接控制另一个框架内的页面内容显示。

⑤POP布局：页面布局像一张宣传海报，以一张精美的图片作为页面设计的中心。

⑥Flash布局：网页的整体就是一个Flash动画，画面一般制作的比较绚丽活泼。

优点：迅速吸引访问者注意的新潮布局方式。

第二章创建和管理站点1规划站点的目录结构应注意以下几点：•不要用一个目录存放整个站点的文档，而应使用子目录分类保存网站栏目的内容文档。

将所有网站文件都放在根目录下，容易造成网站文件管理混乱和上传更新站点文件时速度缓慢等问题。

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>标签中。