HTML初级知识点总结,最详细的总结教学文案
HTML知识点汇总
HTML知识点汇总第一章HTML基础知识1、HTML简介HTML(Hypertext Markup Language)，超文本标记语言，HTML利用各种标记来标识文档的结构以及标识超链接的信息。
它是从SGML(Standard Generalized Markup Language，标准通用标识语言)中的一个子集演变而来的。
2、HTML的标记组成HTML用于描述功能的符号称为“标记”。
标记在使用时必须用尖括号“<>”括起来，而且是成对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。
如<body></body>、<p></p>等1)单标记：有些标记能完整的表达标记里的意思，只须在尖括号中输入标记名即可，这类标记叫单标记。
XHTML中要求单标记也必须闭合，即在标记“>”前添加斜杠。
常见的单标记如<br />、<hr />等。
2)双标记：双标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜线，语法形如：<标记>内容</标记>。
例如：<p>段落</p>3)XHTML要求所有标记均为小写，且所有标记属性必须添加双引号4)标记对不能交叉3、HTML基本结构<html><head><title>网页标题</title></head><body><!--下面是网页的正文--></body></html>1)<title>标记对不能放在<body>标记对中，同理，其它表示内容的标记也不能放在<head>标记对中2)<html></html>表示HTML语言，在<html></html>里面包含头部(<head></head>)和内容体(<body></body>)。
HTML网页设计基础的知识点
HTML网页设计基础的知识点HTML（Hypertext Markup Language）是一种标记语言，用于创建网页结构和内容。
在网页设计中，了解和掌握HTML的基础知识点是至关重要的。
本文将介绍一些HTML网页设计的基础知识点，帮助你更好地理解和应用HTML。
一、HTML的基本结构一个HTML网页由以下几个主要部分组成：1.<!DOCTYPE> 声明：指定HTML版本2.<html> 标签：指示文档的开始和结束3.<head> 标签：定义文档的元数据，包括标题、字符编码等4.<body> 标签：定义文档的可见内容5.其他标签：用于定义网页结构、样式和元素等二、HTML标签的使用HTML标签用于定义网页的结构和内容。
常见的HTML标签有：1.<h1> - <h6> 标签：定义标题，h1最高级别，h6最低级别2.<p> 标签：定义段落3.<a> 标签：定义超链接，链接到其他网页或内部书签4.<img> 标签：插入图片5.<div> 标签：定义文档中的一个区域或容器6.<span> 标签：定义文档中的一个行内区域或容器7.<ul> 和 <li> 标签：定义无序列表8.<ol> 和 <li> 标签：定义有序列表9.<table>、<tr>、<th> 和 <td> 标签：定义表格和表格的行、表头和单元格10.<form>、<input> 和 <button> 标签：定义表单和输入元素11.<br> 和 <hr> 标签：定义换行和水平线三、HTML属性HTML标签可以具有属性，用于进一步定义元素的行为和样式。
常见的HTML属性有：1.class 属性：为元素指定一个或多个类名，用于定义样式或JavaScript操作2.id 属性：为元素指定唯一的标识符，用于JavaScript操作或CSS 样式3.style 属性：为元素指定内联样式4.src 属性：指定图像或嵌入式内容的URL5.href 属性：指定链接的URL6.target 属性：指定链接打开的目标窗口或框架7.value 属性：定义输入元素的默认值8.type 属性：定义输入元素的类型（如文本、按钮、复选框等）四、CSS样式和HTMLCSS（Cascading Style Sheets）是用于描述网页样式和布局的样式表语言。
htm第一章l基础知识总结
htm第一章l基础知识总结HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。
下面是HTML的基础知识总结：1. HTML标签：HTML由一系列的标签组成，标签用尖括号（< >）包围。
常用的标签包括<html>、<head>、<title>、<body>等。
2. 文本标签：用于定义文本内容的标签，例如：<p>用于定义段落、<h1>~<h6>用于定义标题、<a>用于定义链接等。
3. 图像标签：用于显示图像的标签，例如：<img>用于插入图像，其中的src属性用于指定图像的路径。
4. 列表标签：用于定义有序或无序列表的标签，例如：<ul>用于定义无序列表（包含点或其他标志）、<ol>用于定义有序列表（包含数字）。
5. 表格标签：用于创建表格的标签，例如：<table>用于创建表格、<tr>用于定义表格中的行、<td>用于定义表格中的单元格等。
6. 表单标签：用于创建表单的标签，例如：<form>用于定义表单、<input>用于输入字段、<button>用于定义按钮等。
7. 属性：标签可以带有属性，属性提供元素的额外信息。
例如，<a>标签带有href属性，用于指定链接的地址，<img>标签带有src属性，用于指定图像的路径。
8. CSS：CSS（Cascading Style Sheets）用于描述网页的样式和布局。
可以通过<style>标签或外部CSS文件将样式应用到HTML元素上。
9. 嵌套：HTML元素可以相互嵌套，一个元素可以包含另一个元素。
例如，<div>内部可以包含<p>、<a>等其他标签。
HTML基础知识总结
HTML基础知识总结常见通用的代码align ——用于设置水平对齐方式，可用在<hr>，<table>，<caption>， <tr>，<td>，<th>（即表格的标记中），<input>，<iframe>（浮动框架属性），<img >（图像与文字基准线），<h1~6>，<thead>，<tbody>，<tfoot>，<div>。
background ——用于设置背景图片，可用在<body>，<table>，<td>，（无<tr>），<th>。
bgcolor ——用于设置背景颜色，可用在<body>，<table>，<tr>，<td>，<th>，<thead>，<tbody>，<tfoot>（即表格的标记中），<marquee>（设置滚动字）。
border ——用于设置边框宽度，可用在<img src=””>，<table>，< input>。
bordercolor ——用于设置边框颜色，可用在<table>，<tr>，<td>，<th>，<frameset>（框架）。
color ——用于设置颜色，可用于<font>，<hr>。
height ——用于设置长度，可用在<hr>，<table>，<tr>，<td>，<th>，<img>，<marquee>，< input>，<iframe>，<embed>，<iframe>。
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>在最外层，表示这对标记间的内容是HTML文档。
我们还会看到一些页面省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档,但是这种做法是错误的，后面会提到一些错误的做法。
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知识点汇总
前端基础HTML知识点汇总
HTML（Hypertext Markup Language）是一种标记语言，用于创建网页结构。
熟练掌握HTML的基础知识是成为一名合格的前端工程师的必备条件。
下面是前端基础HTML知识点的详细汇总。
1.HTML基本结构
2.标题和段落
3.文本格式化
4.链接
5.列表
6.图像
7.表格
8.表单
9.块级元素和内联元素
每个元素都可以被归为块级元素或内联元素。
块级元素会自动换行，如`<div>`、`<p>`等。
内联元素不会自动换行，如`<span>`、`<a>`等。
10.颜色和背景
`color`属性用于定义文本颜色，`background-color`属性用于定义背景颜色。
可以使用具体的颜色值，如`red`、`ff00`，也可以使用RGB 或RGBA值。
11.字体和文本样式
`font-family`属性用于定义字体，`font-size`属性用于定义字体大小。
可以使用具体的字体名称，如`Arial`、`宋体`，也可以使用相对尺寸或绝对尺寸。
12.CSS样式
13.路径
图像、样式表和脚本等文件的路径可以是相对路径或绝对路径。
相对路径是相对于当前文件的路径，绝对路径是从根目录开始的完整路径。
14.注释
15.HTML5新特性
以上是前端基础HTML知识点的简要总结。
要成为一名优秀的前端工程师，还需要深入学习和实践这些知识，并学习相关的CSS和JavaScript知识才能掌握完整的前端技能。
HTML的基础知识
HTML的基础知识一、HTML的标签：（1）<!-...->定义注释（2）<br>定义换行（3）<script>定义客户端脚本，比如 JavaScript。
script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的类型。
（4）<body>定义文档的主体（5）<div>定义文档中的节，<div> 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。
（6）<iframe>定义内联框架（7）<input>定义输入控件（8）<head>定义文档的信息（9）<title>定义文档的标题二、HTLM全局属性（属性总是以名称/值对的形式出现，比如：name="value"）（1）class:规定元素的类名（2）style:规定元素的行内格式（3）id:规定元素的唯一id（4）源属性（src）。
src 指 "source"三、HTML统一资源定位器：URL 也被称为网址。
URL 可以由单词组成，比如“”，或者是因特网协议（IP）地址：192.168.1.253。
由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。
URL 编码通常使用 + 来替换空格。
四、HTML表单：HTML 表单用于收集用户输入。
<form> 元素定义 HTML 表单。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
（1）<input> 元素是最重要的表单元素。
<input> 元素有很多形态，根据不同的 type 属性。
HTML基础知识讲解(全
<BODY>
<TABLE BORDER=1>
<CAPTION> Normal Table </CAPTION>
<TR>
<TD> First Column </TD>
<TD>Second Column </TD>
对于16 进制编码的颜色，我们可以这样理解rrggbb六个字符：前两个表示红色，中间的两个表示绿色，后两个表示蓝色；那么，红色（red）ff0000，同样绿色（green）00ff00，蓝色0000ff；其它的颜色就是这几个字符（0-9，a-f）的组合。
比如：<font color=red> 文字 </font> 红色文字
缺省情况下，表格在浏览器屏幕上左对齐，你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值“left”、“center”和“right”。例如，让一个表格在屏幕中央显示可以使用：
<TABLE ALIGN=“CENTER”>
注意
使用<TABLE>的ALIGN属性要小心，不是所有的浏览器都能识别它。如果你要让表格显示在屏幕中央，使用<CENTER>标识符来包含表格会更安全些。
好了，咱们来大体看看网页的结构：
<html>
<head>
<title>
标题
</title>
</head>
<body>
页面内容
</body>
HTML基础知识点总结
HTML知识点总结第一章：知识总结1. <b>HTML文档结构</b>（括号里面的是注释）<!DOCTYPE html >*注：<!DOCTYPE> 标签没有结束标签！<html ><head>（头部部分）<meta http-equiv=“Content-Type”content=“text/html”; charset=gb2312 >(可写可不写)<title>显示在浏览器标题栏中的标题</title></head><body>（主体部分）（页面内容）</body></html>标签<body>中的属性有：bgcolor=颜色（背景颜色）background=图片的绝对路径或相对路径（背景图片）2. 标题标签<Hn></Hn> n取1~6（设置文字标题）：1) <H1>一级标题</H1>2) <H2>二级标题</H2>3) <H3>三级标题</H3>4) <H4>四级标题</H4>5) <H5>五级标题</H5>6) <H6>六级标题</H6>3.<font></font>标签（设置文字属性）<font size="字体大小" color="字体颜色" face="字体类型">要设置的文字</font>5.行的控制相关标签段落标签<p></p><p align="left" (左对齐)/ "right" (右对齐)/ "center" (居中)>(段落的对其方式)换行标签<br />6.图片标签<img><img src="图片地址" width="图片宽度"height="图片高度" alt="图片的提示文字"align="top/bottom/middle/left/right"border="图片的边框宽度">(align是用于调整图片相对于周围文本的对其方式)7.文字布局1) 水平线<hr size="厚度" width="宽度" color="颜色">2) 有序列表的语法<ol type=序号类型>（序号类型有：1、a、A、ⅰ、I）<li>填写信息</li>（必须用<li></li>将内容包括起来）<li>填写信息</li><li>填写信息</li>……</ol>3) 无序列表语法<ul type="序号类型">（序号类型有：disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)）<li>所写内容<li>（必须用<li></li>将内容包括起来）</ul>4) 预格式文本语法<pre>(具体的文本格式，这个格式在时是不改变的哦！)</pre>8.页面链接语法1) 链接到其他页面<a href=“链接地址”>连接标志</a>2) 链接到本页面首先创建一个锚链接的锚记点：<a href=“#锚记点名称”>主题名称</a>然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>（锚记点前面要加上#号）3) 电子邮件链接<a href=“mailto：邮件地址”>站长邮箱</a>(注意不能忘了mailto)9.滚动标签的语法<marquee scrolldelay=滚动延迟时间direction=up/down/left/right(滚动方向) onmouseover=“this.stop()”(当鼠标指在上面时停止滚动)onmouseout=“this.start()”(当鼠标离开时继续滚动) >滚动的文字和图像</marquee>第二章知识点总结1.表格的基本框架语法<table border=表格的边框的宽度(一般不超过5)width=表格的宽度height=表格的高度bordercolor=表格边框线的颜色bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片) align=表格对齐方式><tr bgcolor=行的背景颜色>(行)<td colspan=跨的列数rowspan=跨的行数bgcolor=本单元格的背景颜色background=本单元格的背景图片地址(背景图片) align=单元格中的内容对齐方式(right/left/center/)></td>(单元格)</tr></table>2.填充、间距属性cellpadding:内容与单元格内边框线的距离（内填充）cellspacing：单元格之间的距离（外间距）第三章知识点总结1.表单的基本结构<form action="URL" name=表单名字method=提交数据的方式（post/get）>具体的内容</form>2.表单中的元素1).<input>元素<input name=“” type=text size=文本框的大小maxlenght=限制输入的最大字符>(单行文本框)<input name=“” type=password size=文本框的大小maxlenght=限制输入的最大字符>(单行文本框——设置密码)<input name=“name” type=radio value=“男” checked(默认选定)>(单选按钮——男)(设置单选按钮的时候名字一定要一样)<input name=“name” type=radio value=“女”>(单选按钮——女)<input name=“” type=submit value=提交>(按钮——提交)<input name=“” type=reset value=重置>(按钮——重置)<input name=“” type=checkbox value=play(必须有)checked>玩游戏(复选框)2).<select></select>下拉列表元素语法：<select name=“”><option value=“”(必须有)>内容</option><option value=“”(必须有)>内容</option><option value=“”(必须有)>内容</option><option value=“”(必须有)>内容</option>……</select>3).<textarea></textarea>多行文本框元素语法：<textarea name=“” cols=“宽度” rows=“高度”(不要和合并单元格的rowspan和colspan 相混淆)>具体的内容</textarea>3. 框架1).框架的基本结构(注意：此时不能要<body></body>)<framset cols=“25%，*”(分隔成左右两部分) rows=“25%，*”(分隔成上下两部分) border=框架边框的大小bordercolor=框架边框的颜色><frame name=“窗口的名字” src=“此窗口要显示的文件地址” scrolling=yes/no(有无滚动条) noresize(禁止改变框架窗口的大小)></framset>2).框架页面之间的链接第一步：在设计好的框架页面中给每个部分定义一个名字；Eg:<frame name=”窗口的名字”src=“”>第二步：设置导航栏中的超链接的target目标窗口属性；Eg:<a href=“lianjie.html” target=“要显示的窗口的名字”>链接标志</a>第四章知识点总结1.样式类型，分为三种1）标签选择器语法：标签{属性:属性值;}<style type=”text/css”>P{font-size:20px;color:blue}</style>不需要调用，直接创建标签就能使用2）class选择器语法：。
(完整)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>收效：控制字体的各种显示样式1--7，数字越大字体越大，属性： size 控制字体的大小，取值为绝对值时，取相对值时，参照的是默认字体〔 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引入图片资源的路径绝对路径：资源在效劳器上的地址，该地址是从盘符出发相对路径：资源在效劳器上的相对地址，从网页自己出发返回上一层文件夹width控制显示图片的宽度，取值为像素也许百分数height 控制显示图片的高度，取值为像素也许是百分数只设置宽度或高度时，图片保持等比缩放，同时设置时，同时见效border hspace vspace 控制显示图片的边框，取值为像素，默认不显示边框控制显示图片水平方向上的空白，取值为像素控制显示图片垂直方向上的空白，取值为像素align 控制图片和周围文本的对齐方式垂直方向上：top 文本和图片顶部对齐bottom 文本底部和图片底部对齐middle 文本的底部和图片的中部对齐absmiddle 绝对中间对齐，文本的中部和图片的中部对齐水平方向上： left 图片在左，文本在右right 文本在左，图片在右图片的对齐方式：借助 <div>也许 <p>四 . 在网页中使用超链接4、超链接标记： <a>...</a>,经过链接跳转到新的资源属性： href链接的目标资源的路径链接外面资源时，必然是绝对路径，并且需要在路径前加上【 :// 】这个网络通信协议target 指定超链接的翻开方式，_self 在自己的页面翻开超链接(默认的打开方式 )，_blank重新翻开一个新的阅读器窗口建立锚点〔书签〕内部书签1、设置锚点的名称比方：<a name="锚点名">...</a>2、使用超链接完成跳转比方： <a href="#锚点名 ">...</a>外面书签1、设置锚点的名称比方：<a name="锚点名">...</a>2、使用超链接完成跳转比方： <a href="锚点所在页面的路径#锚点名">...</a>超链接发送电子邮件，格式 <a href="mailto: 邮箱地址 "> 发送邮件 </a>2、链接多媒体五 . 表格的应用表格的结构<table>---声明表格<caption>...</caption> ---表格的标题<tr>----表格的行<td>....</td> ---表格的列....</tr><tr>----表格的行<td>....</td> ---表格的列....</tr>...</table><table>标记，定义表格，所有表格的内容书写在<table> 开始和 </table> 结束标记之间属性： frame 控制表格最外层的四个边框取值：void默认值，不显示边框above 仅显示上边框below 仅显示下边框hsides 显示上下边框vsides 显示左右边框lhs 仅显示左边框rhs 仅显示右边框box、 border 显示四个边框rules 控制表格内局部割线取值：none 默认值，不显示rows 显示行切割线cols 显示列切割线all 显示所有切割线bordercolor 控制边框的颜色border 控制表格的所有边框，取值为像素cellspacing 控制单元格与单元格之间的空白，取值为像素cellpadding 控制单元格内容和单元格边框之间的空白，取值为像素width设置单元格的宽度，取值为像素也许百分数height 设置单元格的高度，取值为像素也许百分数align 控制表格的对齐方式，取值 left( 默认值 )|center|rightbgcolor 设置表格的背景色background 设置表格的背景图当背景色和背景图同时设准时，优先使用背景图<caption>表格的标题，必定书写在<table>之间属性： align控制表格标题的地址，取值top( 标题在表格的顶部)| bottom〔标题在表格的底部〕<tr> 定义表格的行属性： align 控制整行单元格内容的水平对齐方式，取值left 〔默认值，缺省值〕 | center|rightvalign 控制整行单元格内容的垂直对齐方式，取值top|middle〔默认值〕|bottom height 设置行的高度，取值为像素bgcolor 设置行的背景色background 设置行的背景图bordercolor 设置行的边框颜色<td> 列标记<th>列标题标记都能够作为列使用，<th>列标题标记，内容有加粗显示的收效，并且带有自动居中属性： align 控制单元格内容的水平方向对齐方式，取值left|center|right valign控制单元格内容的垂直方向对齐方式，取值top|middle〔默认值〕|bottomheight 设置单元格的高度，取值以像素为单位，当同一行中不相同的单元格设置的高度也不相同时，整行的高度取值按最大值来width 设置单元格的宽度，取值以像素为单位，当同一列中不相同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来bgcolor 设置单元格的背景色bakground 设置单元格的背景图rowspan 合并行colspan 合并列合并行和合并列的取值都是整数，合并几个单元格取值就是几六 . 框架的应用1、框架框架集标记 <frameset>，在原有的html 结构基础上， <frameset>代替了<body>的地址，换句话说，<frameset>和<body>不能够共存，只能出现一个属性：rows 设置横向框架的数量和高度，框架的数量取决于rows 属性的取值个数，每个框架的高度取决于值的大小cols 设置纵向框架的数量和宽度，框架的数量取决于cols 属性的取值个数，每个框架的宽度取决于值的大小rows 和 cols 的取值方式1、像素值2、百分数3、比率取值rows 和 cols 取值，能够有多个值，值与值之间使用逗号切割，并且不能够有空格格， cols 和 rows 属性一般不相同时设定，要想实现页面的纵向和横向切割，能够使用框架的嵌套来实现frameborder 使用在 frameset 中，能够控制框架集下的所有框架边框可否显示框架标记 <frame />,单标记属性： src引入目标资源的路径name给框架起名字，需要配合超链接的target属性来使用，到达链接目标框架的目的frameborder控制框架的边框可否显示，0 表示不显示，1显示默认的3D 边框scrolling控制框架可否参加转动条，取值yes(参加转动条，需要时加入)| no(不参加转动条 )| auto (需要时参加转动条，默认值)noresize 固定框架的边框，该属性不需要取值marginheight 在框架中显示内容时，控制内容和框架上下边框之间的空白，取值以像素为单位，以上边框为准marginwidth在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准<noframes> 当阅读器不支持框架时，显示的代替内容，必定包含一对<body>标记使用七、表单的应用表单1.表单标记<form>,表单不能够嵌套使用，所有表单的内容必定书写在表单的开始标记和结束标记之间表单结构：<form><input type=〞text单行〞文>本格式<input type=〞password〞>密码输入框<input type=〞checkbox复选〞框>格式<input type=〞radio〞name=单〞选sex框格〞>式<input type=〞submit提交〞>的格式<input type=〞reset重置〞>格式<input type=〞button自定〞>义格式<select>下拉菜单格式<option> 汉族 </option><option> 满族 </option><option> 壮族 </option><option> 土家族 </option></select><textarea >cols="50" rows="4"> 请多多见教多行文本</textarea></form>表单域 <input>不相同功能的表单域type 属性的取值不相同属性：type控制表单域的功能取值text 单行文本password checkbox 密码输入框复选框radio 单项选择按钮要实现单项选择，还要在后边加上相同的名字，例：<input type=〞radio〞name=〞.....〞>submit 提交reset 重置button自定义按钮value 属性使用在提交、重置、自定定义按钮中，能够改变按钮的默认值 value 属性使用在单行文本和密码框中，增加默认值maxlength 属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数checked=“checked〞使用在复选框和单项选择框中，表示该选项默认被选中<select>....</select>，菜单里有多个选项，一般用于选择年.月.日属性 1：<option>...</option>，一对option代表一个下拉选项属性 2：<select>....</select>select代表一个下拉菜单，一对多行文本：<textarea > </textarea > 成对出现属性： cols= 〞 ....〞取值cols为整数，限制每行的最多内容(完满)HTML初级知识点总结,最详细总结,文档Rows=〞 ...〞取rows值为整数，限制多行文本的行数。
HTML基础知识点总结
HTML基础知识点总结HTML（Hypertext Markup Language）是一种用于创建网页的标记语言，是所有网页的基础。
下面是对HTML基础知识点的总结。
HTML文档结构：常见的HTML元素：- `<html>`：定义HTML文档- `<head>`：定义文档的头部区域，包含元数据（如标题、样式表、脚本等）- `<body>`：定义文档的主体区域，包含可见的内容（如文本、图像、链接等）-`<h1>`到`<h6>`：定义标题，数字越小，字体越大-`<p>`：定义段落- `<br>`：定义换行- `<a>`：定义链接，使用`href`属性指定链接地址- `<img>`：定义图像，使用`src`属性指定图像地址- `<ul>`和`<li>`：定义无序列表- `<ol>`和`<li>`：定义有序列表- `<table>`、`<tr>`、`<td>`：定义表格及其行和单元格HTML属性：HTML元素可以有属性，属性为元素提供附加的信息。
常见的属性有：- `class`：为元素定义一个或多个类名，用于为元素指定样式- `id`：为元素定义唯一的标识符，用于通过JavaScript或CSS选择元素- `style`：为元素定义内联样式- `src`：用于图像和脚本元素，指定资源的URL- `href`：用于链接元素，指定链接的URL- `alt`：用于图像元素，指定图像无法显示时的替代文本HTML头部元素：- `<title>`：定义文档的标题，显示在浏览器的标题栏或选项卡上- `<meta>`：定义元数据，如字符集、关键字、描述等- `<link>`：用于引入外部样式表和脚本文件- `<style>`：用于嵌入CSS样式规则HTML文本格式化：-`<b>`：定义加粗文本-`<i>`：定义斜体文本-`<u>`：定义下划线文本-`<s>`：定义删除线文本- `<sub>`：定义下标文本- `<sup>`：定义上标文本HTML块级元素和内联元素：- 块级元素在浏览器显示时通常会以新行开始和结束，并占据可用空间的整个宽度，如`<div>`、`<p>`、`<h1>`等- 内联元素不会导致新行的开始和结束，只占据它所需的宽度，如`<span>`、`<a>`、`<strong>`等HTML注释：HTML注释用于向开发人员添加注释，而不会在浏览器中显示，可以用来记录代码的作用或使用方法。
html基础总结
html基础总结HTML基础总结HTML（超文本标记语言）是一种用于构建网页的标记语言，它定义了网页的结构和内容。
在学习HTML基础时，我们需要掌握一些基本的标签和属性，以及它们的用法和作用。
一、HTML的基本结构一个HTML文件通常由以下几个部分组成：<!DOCTYPE> 声明文档类型<html> 标记文档的根元素<head> 包含文档的元信息<title> 定义文档的标题<body> 包含文档的内容二、HTML的基本标签1. 标题标签<h1>到<h6>标签用于定义标题的级别，其中<h1>是最高级别的标题，<h6>是最低级别的标题。
2. 段落标签<p>标签用于定义段落，其中的文本会自动换行，并有默认的上下间距。
3. 文本格式化标签<b>标签用于加粗文本；<i>标签用于斜体文本；<u>标签用于给文本添加下划线；<s>标签用于给文本添加删除线；<sup>标签用于上标文本；<sub>标签用于下标文本。
4. 列表标签有序列表使用<ol>标签，无序列表使用<ul>标签，列表项使用<li>标签。
5. 链接标签<a>标签用于创建链接，通过href属性指定链接的地址。
6. 图像标签<img>标签用于插入图像，通过src属性指定图像的地址。
7. 表格标签<table>标签用于创建表格，<tr>标签用于创建表格的行，<td>标签用于创建表格的单元格。
8. 表单标签<form>标签用于创建表单，<input>标签用于创建表单的输入字段，<select>标签用于创建下拉列表，<textarea>标签用于创建多行文本输入框。
html学习总结
html学习总结HTML学习总结HTML（HyperText Markup Language）是用于创建网页结构的标记语言。
作为前端开发者，学习和掌握HTML是不可或缺的基础知识。
通过HTML，我们可以定义网页的结构、布局和内容。
下面是我对HTML 学习的总结和经验分享。
一、HTML的基本结构HTML文档以<!DOCTYPE>声明开始，这个声明告诉浏览器使用哪个HTML版本来进行解析。
之后是<html>标签，它是HTML文档的根元素。
在<html>标签内，我们通常使用<head>和<body>标签。
<head>标签包含了与文档信息相关的内容，如标题（<title>）、样式表（<link>）和脚本（<script>）。
而<body>标签则包含了页面的实际内容，如文本、图像和链接等。
二、HTML元素和标签HTML元素由开始标签、元素内容和结束标签组成。
开始标签用尖括号包围，结束标签在标签名前加上斜杠。
元素内容是指标签包裹的内容，如在<p>标签中的文字或图片等。
HTML提供了各种标签，如标题标签（<h1>到<h6>）、段落标签（<p>）、链接标签（<a>）等。
我们可以根据需要选择合适的标签来描述和组织页面内容。
三、HTML属性HTML标签可以包含属性，属性提供了进一步的信息或功能。
属性以名称-值对的形式出现在开始标签中，如<a href="网页链接地址">。
常见的HTML属性包括class、id、src、alt等，它们用于定义元素的样式和行为。
四、HTML多媒体元素HTML支持多媒体元素的嵌入，如图像（<img>）、音频（<audio>）和视频（<video>）。
HTML知识点总结
HTML 知识点总结⼀.基本知识HTML 指的是超⽂本标记语⾔: HyperText Markup LanguageHTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签>HTML 元素包含了开始标签与结束标签，元素的内容是开始标签与结束标签之间的内容，元素属性是 HTML 元素提供的附加信息。
基本HTML ⽹页结构如下，body标签内的才是我们在浏览器上所视内容<!DOCTYPE html> 声明为 HTML5 ⽂档<html> 元素是 HTML 页⾯的根元素<head> 元素包含了⽂档的元（meta）数据，如 <meta charset="utf-8"> 定义⽹页编码格式为 utf-8。
<title> 元素描述了⽂档的标题，浏览器标签名<body> 元素包含了可见的页⾯内容<h1> 元素定义⼀个⼤标题<p> 元素定义⼀个段落<!-- 内容 -->注释内容⼆.元素属性HTML元素属性⼀般在开始标签中，以键值对表⽰常见属性其它标准属性参考三.头部<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.<title> 元素定义⽂档的标题。
浏览器会以特殊的⽅式来使⽤标题，并且通常把它放置在浏览器窗⼝的标题栏或状态栏上。
同样，当把⽂档加⼊⽤户的链接列表或者收藏夹或书签列表时，标题将成为该⽂档链接的默认名称。
<style> 标签⽤于为 HTML ⽂档定义样式信息。
html知识点总结详细
html知识点总结详细HTML是超文本标记语言（HyperText Markup Language）的简称，是用于创建网页的标准标记语言。
它由一系列的标签（tag）组成，这些标签可以用来描述网页的结构和内容。
HTML标签通过尖括号包围，并且通常是成对出现的，其中包括起始标签和结束标签。
起始标签用来定义元素的开始，并且告诉浏览器如何显示内容，而结束标签用来定义元素的结束。
HTML的发展可以追溯到1991年，由蒂姆•伯纳斯•李（Tim Berners-Lee）创建，目的是发展一种标记语言来连接科学研究人员之间的文档，使他们能够共享和检索信息。
随着互联网的普及，HTML逐渐成为创建网页的标准语言。
在本文中，我将简要介绍HTML的各种知识点，包括基本语法、常用标签、表单、图像、链接、音频和视频等方面。
一、基本语法HTML文档以`<html>`标签开头，以`</html>`标签结束，表示整个HTML文档的开始和结束。
```html<!DOCTYPE html><html><head><title>页面标题</title></head><body><h1>这是一个标题</h1><p>这是一个段落</p></body></html>```在上面的例子中，`<!DOCTYPE html>`声明是用来告诉浏览器文档类型的。
`<html>`标签表示HTML文档的根元素，`<head>`标签用来包含页面的元信息，比如标题、样式表等，而`<body>`标签则包含页面的主要内容。
二、常用标签1. 标题标签（`<h1>`~`<h6>`）：用来定义标题，分为六级，`<h1>`为最大，`<h6>`为最小。
html基础知识总结
html基础知识总结HTML基础知识总结。
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。
它由一系列的元素（elements）组成，这些元素可以用来包裹不同的内容，从而告诉浏览器如何展示这些内容。
本文将对HTML的基础知识进行总结，包括HTML的结构、常用标签和属性等内容。
首先，我们来了解一下HTML的基本结构。
一个标准的HTML文档由以下几个部分组成：1. 文档类型声明（Document Type Declaration），<!DOCTYPE html>，它告诉浏览器使用哪个HTML版本来解析文档。
2. HTML根元素（Root Element），<html>，它包裹了整个HTML文档的内容。
3. 头部（Head），<head>，包含了文档的元信息，如标题、字符集、引入外部样式表和脚本等。
4. 主体（Body），<body>，包含了文档的主要内容，如文本、图片、链接等。
接下来，我们将介绍一些常用的HTML标签和属性。
在HTML中，标签用来包裹不同类型的内容，而属性则用来为标签提供额外的信息。
1. 标题标签（Heading），<h1>到<h6>，用来定义文档的标题，其中<h1>为最高级标题，<h6>为最低级标题。
2. 段落标签（Paragraph），<p>，用来定义文本段落。
3. 图像标签（Image），<img>，用来插入图片，其中src属性指定图片的URL。
4. 链接标签（Link），<a>，用来创建超链接，其中href属性指定链接的URL。
5. 列表标签（List），<ul>、<ol>、<li>，分别用来定义无序列表、有序列表和列表项。
6. 表格标签（Table），<table>、<tr>、<td>，分别用来定义表格、表格行和表格单元格。
网站设计：HTML入门知识大汇总
网站设计：HTML入门知识大汇总<HTML><HEAD><TITLE> 我的页面 </TITLE></HEAD><BODY>网页的内容.......</BODY></HTML>例1-1当你点开任何网页的源文件的时候，相信都可以在长长的字符中寻找到上面这些单词,或者你现在把上面这些单词复制到你新建的文档文件中，保存之后把后缀名改成.html，一个网页就诞生了。
这就是HTML语言，它不象C++，VB等等程序语言要你摸不清头脑，HTML语言只是一个在SGML定义下的描述性语言，或者说是标识语言。
既然是标识语言，我们就从标识开始进行学习好了，也许当你完全掌握标识之后，就会发现基本上已经明白什么是HTML了。
标识的写法:1.任何标识都应该写在"<"和">"之间，如<html>2.标识的字母没有大小写的区分。
3.在起始标识中加入“/”就是终止标识，一般情况下有起始表示就有终止标识。
例如<html>...</html>4.有的标识需要加入参数，有的不必，需要注意的是这些参数只能加在起始标识中。
现在我们开始认识第一类标识：文件标识事实上你已经见过了这些标识,没错就是<HTML> ； <HEAD> ； <BODY> ；<TITLE> ，<html>.....</html>这段标识告诉浏览器现在运行HTML文件，所以你写HTML文件都应该以<html>开头，</html>.<head>.....</head>这是HTML文件的开头部分，相应的<body>...</body>就是本文部分，开头部分主要是用来记载关于这个页面的一写重要资讯，所以呢大部分的标记都将在本文部分进行应用。
html总结
html总结HTML（超文本标记语言），是一种用于创建网页的标记语言，用于描述网页的结构和内容。
下面是对HTML的总结：一、HTML的基本结构：HTML文档由标签(tag)组成，标签是用尖括号括起来的单词，包括开始标签和结束标签。
开始标签通常包含标签的名称和一些属性，结束标签只包含标签的名称。
标签之间的内容是网页的主要内容。
二、HTML的基本标签：1. <html>标签：定义HTML文档。
2. <head>标签：定义文档的头部区域，通常包含文档的元数据（如标题、样式表等）。
3. <title>标签：定义文档的标题，显示在浏览器的标题栏上。
4. <body>标签：定义文档的主体区域，包含网页内容、图像、链接等。
5. <h1>到<h6>标签：定义文档的标题级别，h1最高级，h6最低级。
6. <p>标签：定义段落。
7. <div>标签：定义文档中的区块。
8. <a>标签：定义链接，可以跳转到其他网页或者文档的特定位置。
9. <img>标签：定义图像。
10. <table>标签：定义表格。
11. <form>标签：定义表单，用于向服务器提交数据。
12. <input>标签：定义表单中的输入字段。
13. <button>标签：定义按钮。
三、HTML的属性：标签可以包含属性（attributes），用于提供有关元素的附加信息。
常用的属性包括：1. class：用于指定一个或多个元素的类名。
2. id：用于指定一个元素的唯一标识符。
3. style：用于指定一个元素的行内样式。
4. src：用于指定图像的URL。
5. href：用于指定链接的URL。
6. value：用于指定输入字段的初始值。
四、HTML的列表：HTML提供了三种列表：无序列表、有序列表和定义列表。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发..\返回上一层文件夹width 控制显示图片的宽度，取值为像素或者百分数height控制显示图片的高度，取值为像素或者是百分数只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效border控制显示图片的边框，取值为像素，默认不显示边框hspace控制显示图片水平方向上的空白，取值为像素vspace控制显示图片垂直方向上的空白，取值为像素align 控制图片和周围文本的对齐方式垂直方向上：top 文本和图片顶部对齐bottom文本底部和图片底部对齐middle文本的底部和图片的中部对齐absmiddle绝对中间对齐，文本的中部和图片的中部对齐水平方向上：left 图片在左，文本在右right文本在左，图片在右图片的对齐方式：借助<div>或者<p>四. 在网页中使用超链接4、超链接标记：<a>...</a>,通过链接跳转到新的资源属性：href链接的目标资源的路径链接外部资源时，一定是绝对路径，并且需要在路径前加上【http://】这个网络通信协议target 指定超链接的打开方式，_self在自身的页面打开超链接(默认的打开方式)，_blank重新打开一个新的浏览器窗口建立锚点（书签）内部书签1、设置锚点的名称例如：<a name="锚点名">...</a>2、使用超链接完成跳转例如：<a href="#锚点名">...</a>外部书签1、设置锚点的名称例如：<a name="锚点名">...</a>2、使用超链接完成跳转例如：<a href="锚点所在页面的路径#锚点名">...</a>超链接发送电子邮件，格式<a href="mailto:邮箱地址">发送邮件</a>2、链接多媒体五. 表格的应用表格的结构<table>---声明表格<caption>...</caption>---表格的标题<tr>----表格的行<td>....</td>---表格的列....</tr><tr>----表格的行<td>....</td>---表格的列....</tr>...</table><table>标记，定义表格，所有表格的内容书写在<table>开始和</table>结束标记之间属性：frame 控制表格最外层的四个边框取值：void 默认值，不显示边框above 仅显示上边框below 仅显示下边框hsides 显示上下边框vsides 显示左右边框lhs 仅显示左边框rhs 仅显示右边框box、border 显示四个边框rules 控制表格内部分割线取值：none 默认值，不显示rows 显示行分割线cols 显示列分割线all 显示所有分割线bordercolor 控制边框的颜色border 控制表格的所有边框，取值为像素cellspacing 控制单元格与单元格之间的空白，取值为像素cellpadding 控制单元格内容和单元格边框之间的空白，取值为像素width 设置单元格的宽度，取值为像素或者百分数height 设置单元格的高度，取值为像素或者百分数align 控制表格的对齐方式，取值left(默认值)|center|rightbgcolor 设置表格的背景色background 设置表格的背景图当背景色和背景图同时设定时，优先使用背景图<caption>表格的标题，必须书写在<table>之间属性：align 控制表格标题的位置，取值top(标题在表格的顶部)|bottom（标题在表格的底部）<tr> 定义表格的行属性：align控制整行单元格内容的水平对齐方式，取值left（默认值，缺省值）|center|rightvalign 控制整行单元格内容的垂直对齐方式，取值top|middle（默认值）|bottomheight 设置行的高度，取值为像素bgcolor设置行的背景色background 设置行的背景图bordercolor设置行的边框颜色<td> 列标记<th>列标题标记都可以作为列使用，<th>列标题标记，内容有加粗显示的效果，并且带有自动居中属性：align控制单元格内容的水平方向对齐方式，取值left|center|right valign控制单元格内容的垂直方向对齐方式，取值top|middle（默认值）|bottomheight设置单元格的高度，取值以像素为单位，当同一行中不同的单元格设置的高度也不相同时，整行的高度取值按最大值来width设置单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来bgcolor 设置单元格的背景色bakground设置单元格的背景图rowspan合并行colspan合并列合并行和合并列的取值都是整数，合并几个单元格取值就是几六. 框架的应用1、框架框架集标记<frameset>，在原有的html结构基础上，<frameset>替换了<body>的位置，换句话说，<frameset>和<body>不能共存，只能出现一个属性：rows 设置横向框架的数量和高度，框架的数量取决于rows属性的取值个数，每个框架的高度取决于值的大小cols设置纵向框架的数量和宽度，框架的数量取决于cols属性的取值个数，每个框架的宽度取决于值的大小rows和cols的取值方式1、像素值2、百分数3、比例取值rows和cols取值，可以有多个值，值与值之间使用逗号分割，并且不能有空格格，cols和rows属性一般不同时设定，要想实现页面的纵向和横向分割，可以使用框架的嵌套来实现frameborder使用在frameset中，可以控制框架集下的所有框架边框是否显示框架标记<frame />,单标记属性：src 引入目标资源的路径name给框架起名字，需要配合超链接的target属性来使用，达到链接目标框架的目的frameborder 控制框架的边框是否显示，0表示不显示，1显示默认的3D边框scrolling 控制框架是否加入滚动条，取值yes(加入滚动条，需要时加入)|no(不加入滚动条)|auto(需要时加入滚动条，默认值)noresize 固定框架的边框，该属性不需要取值marginheight 在框架中显示内容时，控制内容和框架上下边框之间的空白，取值以像素为单位，以上边框为准marginwidth在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准<noframes>当浏览器不支持框架时，显示的替换内容，必须包含一对<body>标记使用七、表单的应用表单1.表单标记<form>,表单不能嵌套使用，所有表单的内容必须书写在表单的开始标记和结束标记之间表单结构：<form><input type=”text”> 单行文本格式<input type=”password”> 密码输入框<input type=”checkbox”> 复选框格式<input type=”radio” name=”sex”>单选框格式<input type=”submit”>提交的格式<input type=”reset”>重置格式<input type=”button”>自定义格式<select> 下拉菜单格式<option>汉族</option><option>满族</option><option>壮族</option><option>土家族</option></select><textarea >cols="50" rows="4">请多多指教多行文本</textarea></form>表单域<input>不同功能的表单域type属性的取值不同属性：type控制表单域的功能取值text单行文本password密码输入框checkbox复选框radio单选按钮要实现单选，还要在后面加上一样的名字，例：<input type=”radio” name=”.....”>submit提交reset重置button 自定义按钮value属性使用在提交、重置、自定定义按钮中，可以改变按钮的默认值value属性使用在单行文本和密码框中，添加默认值maxlength属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数checked=“checked”使用在复选框和单选框中，表示该选项默认被选中<select>....</select>，菜单里有多个选项，一般用于选择年. 月. 日属性1：<option>...</option>，一对option代表一个下拉选项属性2：<select>....</select>，一对select 代表一个下拉菜单多行文本：<textarea > </textarea >成对出现属性：cols=”....” cols取值为整数，限制每行的最多内容Rows=”...” rows取值为整数，限制多行文本的行数。