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 来建立自己的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（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）是用于描述网页样式和布局的样式表语言。

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（超文本标记语言）是一种用来创建网页的标准标记语言。

作为网页设计师，掌握HTML的基本知识是非常重要的。

下面是一些常用的HTML网页设计知识点，帮助你提升网页设计的能力。

一、HTML基础知识1. HTML语法：HTML由标签组成，标签用来表示页面中的元素。

标签通常由尖括号包围，如<h1>表示一个一级标题。

标签通常成对出现，有开始标签和结束标签。

2. 元素属性：HTML元素可以有属性，通过属性可以为元素提供进一步的信息或者控制元素的行为。

常见的属性包括id、class、style等。

3. HTML文档结构：一个HTML文档通常包含<!DOCTYPE>声明、<html>标签、<head>标签和<body>标签等。

二、排版和样式1. 标题：使用<h1>到<h6>标签可以定义不同级别的标题，<h1>表示最高级别的标题。

2. 段落：使用<p>标签定义段落。

3. 超链接：使用<a>标签创建超链接，通过href属性指定链接目标。

4. 图像：使用<img>标签插入图片，通过src属性指定图片路径。

5. 列表：使用<ul>标签创建无序列表，使用<ol>标签创建有序列表，使用<li>标签定义列表项。

6. 表格：使用<table>标签创建表格，使用<tr>标签定义表格行，使用<td>标签定义表格单元。

7. 表单：使用<form>标签创建表单，使用<input>标签定义表单输入字段，使用<select>标签创建下拉列表，使用<textarea>标签创建文本输入区域。

8. 样式：可以使用内联样式（通过style属性）、内部样式表（在<head>标签中使用<style>标签）或者外部样式表（使用link标签引入）来控制元素的样式。

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 基础知识培训一、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学习总结.doc

html学习总结篇一：html学习总结1. HTML 标签由开始标签和结束标签组成，空的HTML 元素没有结束标签，比如br /没有内容的HTML 内容被称为空元素。

空元素是在开始标签中关闭的。

br / 就是没有关闭标签的空元素（br / 标签定义换行）。

在XHTML、XML 以及未来版本的HTML 中，所有元素必须被关闭。

在开始标签中添加斜杠，比如br /，是关闭空元素的正确方法，HTML、XHTML 和XML 都接受这种方式。

即使br 在所有浏览器中都是有效的，但使用br / 其实是更长远的保障。

2. HTML 标签及属性值对大小写不敏感：P 等同于p。

W3School 使用的是小写标签，因为万维网联盟（W3C）在HTML 4 中推荐使用小写，而在未来HTML 版本中强制使用小写。

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=Bill HelloWorld Gates3. hr / 标签在HTML 页面中创建水平线。

hr 元素可用于分隔内容。

4. address 可定义一个地址（比如电子邮件地址）。

您应当使用它来定义地址、签名或者文档的作者身份。

addressa href=mailto:service@用户服务信箱/abr /上海赢科投资有限公司br /金桥开发区789 号br //address5. 文本对齐：text-align:center;代替align:center;6. Name 属性用于创建被命名的锚（named anchors）。

当使用命名锚（named anchors）时，我们可以创建直接跳至定位至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

使用a创建锚a name=tipsUseful Tips Section/a将# 符号和锚名称添加到URL 的末端，就可以直接链接到tips 这个节，就像这样：a href=.cn/html/html_links.asp#tipsJump to the Useful Tips Section/a7.格，caption定义表格的标题colspan=”3”横跨三列的单元格；rowspan=”2”横跨两行的单元Cell padding 来创建单元格内容与其边框之间的空白，Cell spacing 增加单元格之间的距离。

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取值为整数，限制多行文本的行数。