HTML知识要点整理
张鹏老师html笔记整理
</font>
<br>
<font color="green" size="2"> 2013-07 </font>
<font color="grey" size="2">-推广</font>
<font color="blue" size="4">
<u>2013全新索尼
<strong>
<font color="red">笔记本电脑
</font>
</strong>旗舰索尼VAIO Pro新登场!
</font>
</u>
<br>
<font size="2">索尼
<font color="red">笔记本电脑</font>VAIO Pro-轻,薄,彰显品质.新一代超极本(TM)创新源自英特尔科技.全新索尼
设置图片高
border
数字
设置图片边框
align
left
图片靠左，文字靠右
right
图片靠右，文字靠左
top
文字垂直居上靠
middle
文字垂直居中
bottom
文字垂直居下（默认）
vspace
像素
定义图像顶部和底部的空白（垂直边距）
HTML知识点
HTML基础知识一、什么HTML超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
二、HTML能干什么您可以使用HTML 来建立自己的WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
三、HTML长什么样子•<!DOCTYPE html>声明为HTML5 文档•<html>元素是HTML 页面的根元素•<head>元素包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。
•<title>元素描述了文档的标题•<body>元素包含了可见的页面内容•<h1>元素定义一个大标题•<p>元素定义一个段落四、HTML都包含那些标签五、HTML实例1)我的第一个网页2)注释标签：对代码进行说明<!--单行注释,也可以对多行文字进行注释-->3)常用格式标签<b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s><p>段落标签</p><hr>：分割线<br>：换行<sup>上标</sup><sub>下标</sub><pre>保留当前格式样式</pre><strong>(粗字体)强调文本</strong> 4)标题标签5)列表标签6)超链接:7)分隔窗口8)块级元素和行内元素块级元素：凡是默认自动占满网页整行的元素（自动换行），称为块级元素<hr> <p> <h1>-<h6> <div> <ul> <li> <dl> <dt> <dd> <table> <pre> <tr> ...行内元素：不能占满网页整行的元素<font> <img> <span> <a> <b> <br> <buttom> <i> <span> <sub> <sup> <select> ...9)表格标签tr:行；td：单元格10)表单元素：11)多行文本域。
html基础知识
HTML 基础知识培训一、HTML入门HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用：<img src="路径/文件名">文字格式：<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转：<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
<html><head>头部信息</head><body>文档主体，正文部分</body></html>其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
web前端考试知识点总结
web前端考试知识点总结一、HTML知识点总结1. HTML基础知识- HTML的基本结构- HTML的常用标签- HTML的元数据标签- HTML的列表、表格、表单等相关标签2. HTML5新增的语义化标签- header、footer、nav、article、section、aside等3. HTML5新增的表单元素- input的各种类型- 新增的表单元素如datalist、keygen等4. HTML5新增的媒体元素- video、audio等5. HTML5新增的API- 本地存储、离线应用、地理定位等二、CSS知识点总结1. CSS基础知识- CSS的语法- CSS的选择器- CSS的样式属性2. CSS布局- 盒模型- 浮动- 定位- 弹性盒子布局- 栅格布局3. CSS3新增的样式- 边框、背景、文字、渐变、阴影等效果 - 过渡、变换、动画等4. 响应式设计- 媒体查询- 移动优先5. CSS预处理器- SASS、LESS等三、JavaScript知识点总结1. JavaScript基础知识- 数据类型- 运算符- 流程控制语句2. JavaScript函数- 函数的定义- 作用域- 闭包- 高阶函数3. JavaScript对象- 对象的创建- 原型链- 对象的继承4. DOM操作- 节点的增删改查- 事件处理5. AJAX与跨域- XMLHttpRequest对象- 跨域访问的解决方案6. ES6知识点- let、const- 箭头函数- 解构赋值- 模板字符串- Promise等四、Web前端知识点总结1. 前端框架- Vue.js、React、Angular等- 每个框架的基本原理和使用方法2. 前端工程工具- Webpack、Gulp、Grunt等- 理解构建工具的作用和配置3. 前端性能优化- 页面加载速度优化- 代码性能优化4. 前端安全- XSS、CSRF、点击劫持等- 前端安全常见问题和解决方案5. 前端测试- 单元测试- UI测试6. 前端工程化- 模块化开发- 前端构建流程综上所述，Web前端技术知识点之多之杂，要想在考试中取得好成绩，需要对各种知识点进行深入理解和掌握。
HTML基础知识
2.4 HTM L标记
2.图像标记<IMG>
在HTML中，使用IMG标记在网页中加入图像。它具有 两个基本属性src和alt，分别用于设置图像文件的位置和替 换文本。
上一页 下一页 返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符，也被称为网页地址，是表示互联
上一页 下一页 返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体，大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定 义HTML标记的开始。这个小于号是不显示在最终看到的网 页单的。那如果希望在网页中显示一个小于号，该怎么办呢? 要在浏览器中显示这些特殊字符，就必须在HTML文档中使 用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平 方向上合并的列数。
上一页 下一页 返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记：用于在网页中创建表单区域，属于一
个容器标记，表示其他表单标记需要在它的包围中才有效。 其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程 序的URL。 method：此属性告诉浏览器如何将数据发送给服务器，它指 定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页 下一页 返回
2.4 HTM L标记
2.4.10脚本标记
有时，网页中的一些特殊效果击要加入脚本语言才能够 实现，脚本语言是一种简化的编程语言，它可以生成许多的 网页特效，如滚动的文字、雪花效果、波浪效果等。‘常用 的脚本语言有3种，分别是JavaScript， VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全 支持的脚本语言，所以使用得最广泛。
HTML基础知识（块级标签，行内标签，行内块标签）
HTML基础知识（块级标签，⾏内标签，⾏内块标签）块级元素：独占⼀⾏，对宽⾼的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；⾏内元素：可以多个标签存在⼀⾏，对宽⾼属性值不⽣效，完全靠内容撑开宽⾼！其中还有⼀种结合两种模式有点的显⽰模式：⾏内块元素：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；⾏内标签：包含a、span、em、strong、b、i、u、label、br；特点：可以多个标签存在⼀⾏，不能直接设置⾏内标签的⾼度、宽度、⾏⾼以及顶和底边距，完全靠内容撑开宽⾼！a标签：主要⽤来链接⼀个其他的⽹页；span标签：主要⽤来对⾏内的⽂字进⾏⼀些样式以及其他的操作；em标签：⼀般⽤来对⽂字进⾏强调，使⽤斜体体现出来；strong标签：⼀般⽤来对⽂字进⾏强调，使⽤加粗字体体现出来；img标签：图⽚引⽤标签，其中 src属性中写⼊图⽚的地址；var标签：JavaScript中命名变量的标签。
块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；特点：独占⼀⾏，对⾼度、宽度、⾏⾼以及顶和底边距都可设置的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；p标签：段落标签，段落⽂字使⽤，默认格式：段尾进⾏换⾏；div标签：划分块的主要使⽤标签；ul标签：⽆序列表的主标签，后⾯的标号为圆点（⿊⾊）；ol标签：有序列表的主标签，后⾯⼀般跟有序的1,2,3,4,5...；li标签：列表中的主体使⽤标签dl标签：⾃定义标签的主标签；dt标签：⾃定义标签的表头；dd标签：⾃定义标签的表头的解释（描述）信息；h1~h6：6级标题标签、字体的⼤⼩依次变⼩。
⾏内块标签：img,input,textarea特点：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；+++++++++++++++++++++++++++++++++++++++++各种标签之间的转换1、块级标签转换为⾏内标签：display:inline;2、⾏内标签转换为块级标签：display:block;3、转换为⾏内块标签：display：inline-block;各个标签之间的区别块标签：独⾃占领⼀⾏、可以进⾏宽⾼的数值的设定；⾏标签：在⼀⾏内显⽰、不可以进⾏宽⾼的数值设定；⾏内块标签：能和其他元素待在⼀⾏，能设置宽⾼；嵌套规则块标签可以套⾏标签，⾏标签不可以套块标签。
HTML初级知识点总结,最详细的总结
HTML超文本标记语言，一种规范预定义,已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点）标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式,额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体，网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示，带有自动换行属性:align控制标题的对齐方式，取值left（左对齐，默认值）|center(居中）｜right （右对齐）2、段落标记<p〉效果:把内容分段展示，自动换行属性:align，控制段落内容的对齐方式,取值left（左对齐，默认值）|center（居中）｜right(右对齐）3、换行符〈br /〉，单标记，不需要结束标记，换行但不分段空格符号: 表示一个空格强制换行符：<br /〉4、水平线标记<HR />，单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素（px）width 控制水平线的长度,取值可以是像素单位,也可以是百分数（相对于浏览器窗口百分比)noshade设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐）｜center(居中，默认值）|right(右对齐）5、分节标记<div〉效果：把内容设置为一节，前后带有自动换行属性：align控制div中内容的对齐方式,取值left（左对齐，默认值）｜center（居中）|right（右对齐）6、居中标记符<center>效果：把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时,参考的是默认字体（3号），取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割,取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：<b>斜体：〈i>下划线:〈u〉删除线：<s〉上标:<sup〉下标：〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语，通常显示为黑体或斜体〈EM> 强调某些字词，通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词，通常显示为粗体<VAR> 表示变量，通常显示为斜体2、列表标记1、有序列表,〈ol〉，需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a｜i|I，默认是1start 控制列表的起始值，取值为任意的整数li的属性:type控制选项自身的符号样式，取值1|A｜a|i|Ivalue控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表，<ul>，配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式，取值disc(实心圆，默认值）｜circle（空心圆）｜square（方块）li的属性：type控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，<dl〉，完成对定义列表的声明<dt>，术语标记，可以理解为类似于列表选项的标题使用〈dd>,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：〈img>,单标记，不需要结束标记属性: src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.。
html-知识
<head>
<title> </title>
头
<base> </ base >
标
<link> </ link>
记
<meta> </ meta>
<style> </ style >
</head>
<body>
正文
</body>
</html>
主 体 标 HTML文件标记 记
第3页，共100页。
HTML标记分类
页面元素 </body>
第13页，共100页。
Body 部分
属性： bgcolor background text link
alink
vlink
leftmargin topmargin
背景色 背景图案 一般文本颜色 链接文字颜色
活动链接文字颜色
已访问链接文字颜色
页面左侧的留白距离 页面顶部的留白距离
第6页，共100页。
Head 部分
元素 title
meta
link
script
style
HEAD部分包含的主要元素 描述
文档标题
描述HTML元信息
描述当前文档与其它文档之间的链接关系
脚本程序内容
指定CSS样式表
第7页，共100页。
Head 部分
title元素
语法格式：<title>文档标题</title> 如：<title>温州大学首页</title>
图片文件的地址 图片的说明文字
html学习总结
竭诚为您提供优质文档/双击可除html学习总结篇一：html学习总结1.hTmL标签由开始标签和结束标签组成，空的hTmL元素没有结束标签，比如没有内容的hTmL内容被称为空元素。
空元素是在开始标签中关闭的。
就是没有关闭标签的空元素（标签定义换行）。
在xhTmL、xmL以及未来版本的hTmL 中，所有元素必须被关闭。
在开始标签中添加斜杠，比如，是关闭空元素的正确方法，hTmL、xhTmL和xmL都接受这种方式。
即使在所有浏览器中都是有效的，但使用其实是更长远的保障。
2.hTmL标签及属性值对大小写不敏感：等同于。
w3school使用的是小写标签，因为万维网联盟（w3c）在hTmL4中推荐使用小写，而在未来(x)hTmL 版本中强制使用小写。
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=bill"helloworld"gates3.标签在hTmL页面中创建水平线。
hr元素可用于分隔内容。
4.可定义一个地址（比如电子邮件地址）。
您应当使用它来定义地址、签名或者文档的作者身份。
用户服务信箱上海赢科投资有限公司金桥开发区789号5.文本对齐：text-align:center;代替align:center;属性用于创建被命名的锚（namedanchors）。
当使用命名锚（namedanchors）时，我们可以创建直接跳至定位至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
使用创建锚usefulTipssection将#符号和锚名称添加到uRL的末端，就可以直接链接到tips这个节，就像这样：JumptotheusefulTipssection7.格，定义表格的标题colspan=”3”横跨三列的单元格；rowspan=”2”横跨两行的单元cellpadding来创建单元格内容与其边框之间的空白，cellspacing增加单元格之间的距离。
html定位知识总结(带例子)
定位1、相对定位（1）特点a、不影响元素本身的特性；b、不使元素脱离文档流（元素移动之后原始位置会被保留）；c、如果没有定位偏移量，对元素本身没有任何影响；d、提升层级（2）相对定位的代码：先设置position为relative,再设置right/left/top/bottom的偏移量2、绝对定位（1）特点a、使元素脱离文档流b、提升层级c、如果父级元素有相对定位的，以父级元素为基准进行定位。
否则以浏览器窗口为基准进行定位。
例如：当div2设置为absolute时，div3会移动到div2的位置。
又因为div2的层级被提升，div2会遮挡div3。
因为现在div的父级元素是body，body并没有设置为relative，这时定位的基准是浏览器窗口。
而body在浏览器的margin为8px，所以设置div2向左移动200px会遮挡住div3宽度为8px的区域。
解决问题的办法有：把body的margin设置为0px或者把body设置为position:relative。
把body的margin设置为0px，所有元素都紧贴在浏览器窗口body设置为position:relative，div相对于body定位3、固定定位：就是固定在页面的某个位置，不随滚动条的移动而移动。
布局：透明重叠块z-index:数值高的在上面透明色设置：opacity:0-1，0为完全透明，1为完全不透明IE下面为filter:alpha(opacity=0-100),0为完全透明，1为完全不透明布局思路：设置一个父窗口为relative，然后子窗口就相对于父窗口便宜一点点。
设置z-index 的值让决定哪个窗口在下面。
设置在下面的窗口的透明值。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
知识要点纪要HTML+CSS课程要点：一、HTML基础知识：1.HTML标签属性属性：在标记中使用［属性=属性值］ border=1px;边框宽度为1px多个属性使用空格分开属性的值（不管什么类型）可以使用单引号、双引号、不加引号（使用双引号）<font color=“red” size=“7”>属性是对标记功能的扩展或形为的修饰，每个属性几乎都是可选。
HTML标记和属性名都是不区分大小写的2.HTML文档注释使用： <!-- 注释内容 -->（1）在注释中不能再有注释（2）在注释掉的标记之后，要保证还是一个结构完好的文档3.HTML的代码格式：任何回车或空格在源代码中都不起作用，使用回车或空格进行代码排版4.HTML字符实体三部分:1）以&开头2）一个实体名或是使用#号和一个体编号3）以分号;结束例子：< < <> > > & &双引号 " 单引号 '版权 © 人民币 ¥乘号 × 除号 ÷注册商标 ® 空格 5.HTML颜色的设置设置颜色时可以是一个关键字或RGB的数字格式White, black, blue ,gray, green, red, yellow 16种颜色关键字#FF (0-255)#FF00BB(rgb) red green blue256*256*256=167772166.HTML的主体结构代码分为三部分编写:<html> 是网页文件的最外层标记<head> 之间的文本是头信息不会显示在浏览器中，包括基本的描述，整个网页的公共属性</head><body> 是网页文件的主体部分正文：文字、图片、链接、表单等</body></html>7.文档的头部标记：<head> 头部标记</head><title> </title> 只能有一个<base /> 只能有一个----- <base target="_blank" /> 为所有链接规定的默认地址或者默认目标<link> 可以有多个<meat> 可以有多个1）<meat name=“” content=“”>2）<meat http-equiv=“” content=“”><meat http-equiv="content-type" content="text/html;charset=utf-8"><a>标签中的target属性默认值是_self _blank _top1）title标签定义网页标题，显示在浏览器的标题栏中公司名称+公司产品有利于搜索引擎（也是在搜索引擎中显示的标题）2）base标签基底网址标记用于设定浏览器中文件的绝对路径网页中的文件只需要写下文件的相路径即可，这个路径就是base中指定下的路径1）<img src=”1.jpg” /> ---- 指当前网页下的一个叫1.jpg的图片2）<base href=”/” /><img src=”1.jpg” /> --指在/1.jpg图片3）link标签设置外部文件的链接标记用于确定本页面和其它文档之间的关系<link rel="stylesheet" type="text/css" href="test.css"> 4）meta标签两种用法1.<meta name="" content="">2.<meta http-equiv="" content="">1）Name 用于在网页中加入一些关于网页的描述信息，网页的关键字，网页描述信息name属性不是自己定义的值，有固定的值：1.Keywords : 网页的关键字<meta name="Keywords" content="java,html,fengyun" />2.Description：网页的描述<meta name="description" content="我的网页是为了进行html课程讲解使用的" />3.Robots ： index(搜索允许） noindex follow（链接别人的网站） nofollow all（全部） none<meta name="Robots" content="all" />4.Author（作者）<meta name="Author" content="yancw,fengyun">5.Copright（时间）2）http-equiv:属性用于在HTML文档中模拟HTTP协议的响应消息头，例如，告诉浏览器是滞缓存页面，使用什么样的字符集显示网页内容http-equiv属性：1.Content-Type（文档类型，字符集）<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />2.Refresh（设时间链接到某网页）<meta http-equiv="Refresh" content="5;url=">3.Expires 使用缓存页<meta http-equiv="Expires" content="0"> 禁止使用缓存页面4.Windows-Target 禁止在小窗口中显示该页面<meta http-equiv="Windows-Target" content="_top">5.Page-Enter和Page-Exit 进入或者退出特效8.主本标记<body>:在它中放置网页中所有内容Text body中的文本颜色Bgcolor body背景颜色BackgroundLinkAlink 单击链接颜色Vlink 访问之后颜色TopmarginLeftmargin备注：只要是可以用样式控制的就不用HTML本身属性Id name class style 通用属性，所有的元素都可以使用9.DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">html 以html开头PUBLIC 公开出来不是公司内部使用的引用某一官方文档版本、字符集DTD文件地址10.格式标签格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等<br> 换行<p> 段落有换行的作用的<center> 居中<pre> 保留文字在源代码中的格式<ul><li> 无序列表<ol><li> 有序的列表<hr> 水平分隔线11.文本标签在网页中，为了着意强调某一部分文字，或者为了让文字有所变化<hn> n取值范围1-6<b> 加粗<i> 斜体<u> 下划线<sub> 下标<sup> 上标<font> 字体<tt> 打印机文字<cite> 引证文字<em> 表示强调<strong> 强调粗体字<small> 小型文字<big> 大型文字12.超链接：协议：主机：文件：附加资源/web/index.php?uname=zhangsan&age=10&sex=nan 相对URL:Images/logo.gif../css/demo.css../../js/demo.js./admin/index.php绝对URL:C:/appserv/www/image/logo.gif/usr/local/apache/htdocs/www/index.php/web/index.php<a href=“URL”>某某页面</a>Target: _self _blank _parent _top name 锚点的应用：<a href=“URL”>某某页面</a> : 超连接<a name=“name”>内容</a> :锚点使用时<a href=“#name”>定位位置</a>/login?username=yangcw&passwd=123456&.....13.图像标签：<img>Src: 指定图片所在的URLBorder=边框的宽度Alt:鼠标放上有黄色小图标如图像不存在，则出现它指定的文字搜索引擎可以通过它指定的文字搜索该图片Widthheight14.图像地图：一个图像只能加一个a标签，做一个链接如果把一幅图像分成多个区域，每个区域指向不同的URL地址（为一个图片加多个链接）在图像<img>中使用usemap属性去使用地图<map>定义热点区域<area>指定每个热点区域Shape指定形状 rect, poly, circlerect表示矩形 poly表示多边形 circle表示圆形Coords确定形状 rect使用对角线表示形状 poly使用多个顶点表示形状 circle使用圆心+半径表示形状href指定链接的位置<img src="images/c2.jpg" usemap="#mymap" border=0 ><map name="mymap"><area shape="rect" coords="0,0,408,270" href="" target="_blank"><area shape="circle"coords="102,405,102" href="" target="_blank"><area shape="poly" coords="204,540,306,270,408,540" href="" target="_blank"></map>15.表格标签：表格标签<table>行标签<tr>列标签<td><th><table>属性：Align: left, center, right 位置属性Border: 边框Width: 宽Height: 高Cellspacing 表格单元格之间的间距cellpadding 表格单元格内容与单元边框之间的距离表格定义标题使用：<caption></caption>Align Valign放在tr标签之前，放在table的内部使用字段标签<th>和<td>的用户一至文字是以粗体居中显示行标签<tr> Align Valign bgcolor列标签<td><th> Width HeightAlign: left, center, righValign:top, middle, bottomColspan 合并列Rowspan 合并行16.表单设计：☐<from></form>标签对用来创建一个表单，即定义表单的开始和结束位置，<form>标签具有下面等属性。