当前位置：
文档之家› 第1章 HTML 基本标签和表单
第1章 HTML 基本标签和表单
HTML标记语言常用标记大全
html标记语言常用标记大全2009-10-1416:30 HTML标记一览，后有详解
HTML里，比较基础的标签主要用于标题，段落和分行。 学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。 copyright dedecms 试试看吧！ 示例：一个非常简单的HTML文件本文来自织梦
这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的标签。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。 织梦好，好织梦 示例：简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里，用p来定义段落。 织梦好，好织梦
织梦好，好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统 正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用
到这几个标签来定义正文标题，从大到小。每个正文标题自成一段。 copyright dedecms This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用
这个标签，可以在不新建段落的情况下换行。
没有Closing Tag。 内容来自dedecms 用换行是个坏习惯，正确的是使用
。 copyright dedecms This
is a para
graph with line breaksHTML习题含答案
一、选择 1.在一个框架的属性面板中，不能设置下面哪一项。（） A．源文件; B．边框颜色; C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（） A．type="submit" B．type="reset" C．type="image" D．type="button" 3.下面哪一个属性不是文本的标签属性？（） A．nbsp; B．align C．color D．face 4.下面哪一项的电子邮件链接是正确的？（） A．https://www.doczj.com/doc/8313825383.html, B．xxx@.net C．xxx@com D．xxx@https://www.doczj.com/doc/8313825383.html, 5.当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI 6.关于表格的描述正确的一项是。（）
A．在单元格内不能继续插入整个表格 B．可以同时选定不相邻的单元格 C．粘贴表格时，不粘贴表格的内容 D．在网页中，水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（） A．126 B．136 C．147 D．167 8.关于文本对齐，源代码设置不正确的一项是：（） A．居中对齐：
…
B．居右对齐：
…
C．居左对齐：
…
D．两端对齐：
…
9.下面哪一项是换行符标签？（） A． B．
C．
D． 10.下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 11.下面对JPEG格式描述不正确的一项是。（） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩12.在一个框架组的属性面板中，不能设置下面哪一项。（）HTML标记大全参考手册
---- HTML标记大全参考手册[推荐] (https://www.doczj.com/doc/8313825383.html,/dispbbs.asp?boardid=7&rootid=&id=470) -- 作者：雨过天晴 -- 发布时间：2003-1-27 17:42:06 -- HTML标记大全参考手册[推荐] 总类（所有HTML文件都有的） 文件类型 （放在档案的开头与结尾） 文件主题
（必须放在「文头」区块内） 文头 （描述性资料，像是「主题」） 文体 （文件本体） ------------------------------------------------------------结构性定义（由浏览器控制的显示风格） 标题 （从1到6，有六层选择） 3.0 标题的对齐 3.0 区分 3.0 区分的对齐 引文区块 （通常会内缩） 强调 （通常会以斜体显示） 特别强调 （通常会以加粗显示） 引文 （通常会以斜体显示） 码 HTML表单页面的基本结构
HTML表单页面的基本结构 本章开始讲解表单和框架，其中重点是如何使用表单中的各种元素．如何使用框架制作多窗框页面；难点是表单中的post方法和get方法的区别．窗口的target 属性。为了能在一个页面中显示多个HTML文档．我们还要介绍框架。 本节单词记忆：标签 1.form 2.input属性 1.action 2.method 3.size 4.maxlength 5.checked 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。 热衷于上网的用户经常会在网上看到一些会员注册页面、购买某个商品收集信息页面、网上调查问卷页面、搜索工具页面等，这些页面是什么做的呢？我不敢说完全是用表单做的，但我敢肯定至少包含有表单，所以表单主要用来收集客户端相关信息，使网页具有交互功能。本节主要讨论如何使用HTML来创建表单，然后向表单中添加表单元素。 网页中的表单用途很广，而且还在不断发展。下面我们就列举一些典型的表单应用： ●在用户注册某种服务或事件时收集姓名、地址、电话号码、电子邮件和其他信息。 ●为收集购买某个商品的订单信息。例如，如果想通过Intemet购买一本书，则必须填写姓名、联系电话、邮寄地址、付款方式和其他相关信息。 ● 收集关于调查问卷信息。大部分提供服务性的网站都鼓励用户参与调查问卷，提供反馈信息。这些反馈信息除了维系良好的客户关系外，它还有助于改进和提高网站的服务质量，从而使网站的服务更具人性化，吸引更多的浏览者。 ●为网站提供搜索工具。提供各种信息的站点通常会为用户提供一个搜索框，使用户能够更快地找到想要的信息，如比较著名的搜索网站：谷歌(http： //https://www.doczj.com/doc/8313825383.html,)、百度(http：//https://www.doczj.com/doc/8313825383.html,)等。 如图1所示是网页上的一个典型表单。
html基本标签元素
试验2 常用HTML标签使用 实验目的：使用HTML标签熟练编写静态页面。 由于所选教材未涉及这部分内容，此处列出常用的标签。 详细的标记用法请参考网站：https://www.doczj.com/doc/8313825383.html,/html/index.asp 1. 文件标记 (1) 标记表示HTML文件从此处开始，到标记结束，这对标记处在最外层，网页的内容写在此标记内。 (2)
这对标记表示此处是HTML文档的文件头。文件头内部的信息一般不会在浏览器的正文区显示。此标记对内可以插入其他标记，如网页标题标记。(3) 这对标记表示此处是网页的主体，一般不能省略，标记体的内容在浏览器正文区中显示，例如文字、图片和超链接等。 2．排版标记 (1) 标记 标记在HTML文件中作注释用，对网页中的代码作说明，可以放在网页中的任何位置。注释内容会返回到客户端浏览器上，但不显示。例如在浏览器中输入https://www.doczj.com/doc/8313825383.html,，查看源文件可以看到此类注释。 (2) 标记对用于标示一个段落，两个相邻的段落间有一空行的间隔。 (3)
这个标记没有结束标记，表示换行。 标记和
都能换行，但
换行后，上下两行的间距比较小， 标记换行后，上下两行有一空行的间距。 3．字体标记 字体标记包括，，，，等。 标记用于定义字体、字号大小和颜色。标记的主要属性有face、size、color。face属性用于设置字体，如：。size属性用于设置字号，HTML中定义了7种字号，1号最小，7号最大，如：。字号也可以用“磅”(px)表示。color属性用于设置文本的颜色，color有三种方法来设定颜色，第一种方法用颜色名称，第二种方法用红、绿、蓝百分比的值来设定，第三种方法是用16进制的颜色代号还设定颜色。如： 红色字体设置 颜色设置HTML基础知识
HTML 学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。HTML标记语言也不例外，同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、
头部标记、主体标记，具体介绍如下： （1）标记 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。 （2）标记 标记位于 标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档， 标记标志着HTML文档的开始，标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 （3）标记 标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记，例如、<meta>、<link>及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。 一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。 （4）<body></body>标记 <body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。 一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后，与<head>标记是并列关系。 在HTML页面中，带有“< >”符号的元素被称为HTML标记，如上面提到的<html>、<head>、<body>都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素，本书统一称作HTML标记。 为了方便学习和理解，通常将HTML标记分为两大类，分别是“双标记”与“单标记”。 （1）双标记 双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下： 该语法中“<标记名>”表示该标记的作用开始，一般称为“开始标记（start tag）”，“</标记名>”表示该标记的作用结束，一般称为“结束标记（end tag）”。和开始标记相比，结束标记只是在前面加了一个关闭符“/”。 （2）单标记 单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下： 一篇结构清晰的文章通常都有标题和段落，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的标记。 （1）标题标记 为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：<hn align="对齐方式">标题文本</hn> 该语法中n的取值为1到6，align属性为可选属性，用于指定标题的对齐方式，下面来演示标题标记的使用。</p><h2>html表单生成器的优点</h2><p>HTML表单生成器的优点 现在网页表单生成器可以用在线工具自动生成，以便让大家对创建在线表单。当用户启动建筑形式，它会自动形成数据库，脚本和后端所需要的快速采集数据。一切先进的服务器上托管，所有你需要做的是开始构建表单登录一个网站，您的帐户。在线表单生成器是那么容易的过程，它可以在几分钟内完成。现在的形式是非常重要的收集和收集有用的信息，任何人，数据或信息使您的企业在竞争激烈的全球业务环境中的积极和强大的。 现在，在线表单生成器使网站制作变得非常容易。到目前为止，我们已经看到的HTML如何管理和显示的信息，主要是通过文字，图像和链接。它仍然是看我们如何与我们的游客可以交换信息。从那时起，这个新的外观是中央可以通过web进行的许多行动。我们前面看到的，我们可以通过电子邮件地址的链接，直接联系的电子邮件。但是，此选项可能会导致在某些情况下，小灵活，如果我们要的是导航器发送我们非常精确的信息，并要求游客在您的电脑上已安装的任何电子邮件程序，如Outlook Express中。这就是为什么在HTML 形式提出另一种解决方案更广泛的形式。是那些著名的文本框和按钮，可以发现很多网站上。他们都很习惯搜索或输入个人资料，如电子商务网站。这些字段中输入的数据被发送到管理员的电子邮件的形式或程序，可自动处理。 有什么可以做的一种形式吗？只能使用HTML的电子邮件的形式发送的内容，那就是，建立与各个领域的一种形式，当你按下“发送”按钮，生成一个组成窗口电子邮件与数据用户进入这些领域，我们经常会想要做的东西更复杂的形式，自动发送邮件到电子邮件，而无需通过任何电子邮件程序的内容由。这种形式将处理程序。东西可以更复杂一点，因为我们必须使用其他更复杂的HTML语言本身。在这种情况下，最简单的解决方案是使用预先设计的方案，我们提供了大量的托管服务器，并允许我们存储和处理数据文件或其它格式的形式。如果您的网页托管的服务器上，为您提供这种好处，你总是可以求助于第三方服务器提供的网站或其他免费服务。当然，另一种选择是学习语言如ASP或PHP，除其他外，将允许处理形式。因此，在总结，你可以使用HTML表单生成器，轻松地与不同类型的字段建立HTML表单，如文本框，单选按钮，复选框，下拉菜单等。但是，应该明确的是，因为你不能直接发送HTML邮件，它会生成一个电子邮件到访问者的计算机，它将不得不把“手动”，使用您的电子邮件程序。如果你想要的形式自动发送，或者在服务器上处理生成另一个响应，我们需要的编程语言。 本文来源：https://www.doczj.com/doc/8313825383.html,/?p=768</p><h2>HTML中常用标记</h2><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下： <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p，h1，h2，h3，h4，h5，h6等元素，主要用来容纳文本等内容。 1、：块元素，表示文本段落。 2、<span>：内联元素，用来区分文本中的一个部分。 3、标题元素：块元素，用来定义文本中的各种标题。h1，h2，h3，h4 ，h5，h6,其中每 个元素都对应有默认的字体样式其代码如下： <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>：内联元素，文本以粗体显示。 2、<b>：内联元素，显示效果为文本加粗。 3、<em>：内联元素，文本以斜体显示。 4、<i>：内联元素，文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>：内联元素，文本换行。 2、<hr/>：块级元素，横向实线。 3、：注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>：内联元素，用来插入图像文 件。 src ：用于指定图片文件所在的位置。 title/alt：用于指定一段文本信息，作为鼠标放在图像上的提示。 2、<bgsound/>：用来添加背景音乐。</p><h2>html标记语言常用标记大全</h2><p>html标记语言常用标记大全2009-10-14 16:30 HTML标记一览，后有详解</p><p>HTML里，比较基础的标签主要用于标题，段落和分行。</p><p>学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。 copyright dedecms 试试看吧！ 示例：一个非常简单的HTML文件本文来自织梦 <html> <body> 这是一个非常简单的HTML。 </body> </html> 织梦内容管理系统 这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML 文件的标签。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。 织梦好，好织梦 示例：简单的段落 内容来自dedecms <html> <body> copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里，用p来定义段落。 织梦好，好织梦 </body> </html> 织梦好，好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统</p><p>正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用<h1>到<h6>这几个标签来定义正文标题，从大到小。每个正文标题自成一段。 copyright dedecms <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用<br>这个标签，可以在不新建段落的情况下换行。<br>没有Closing Tag。 内容来自dedecms 用换行是个坏习惯，正确的是使用<br>。 copyright dedecms This <br> is a para<br>graph with line breaks 织梦内容管理系统 HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人</p><h2>HTML常用标记</h2><p>《HTML常用标记》 一、HTML文档结构 ＜html＞//网页解析开始 ＜head＞//网页头部定义开始 ＜title＞标题＜title＞//定义标题显示于浏览器的标题栏内 ＜/head＞//网页头部定义结束 ＜body＞//网页主体定义开始 网页主体内容 ＜/body＞//网页主体定义结束 ＜/html＞//网页解析结束 以下是具体标记说明。 1.文件标题 ＜title＞..........＜/title＞ 2.文件更新--＜meta＞ 【1】10秒后自动更新一次 ＜meta http-equiv="refresh"content=10＞ 【2】10秒后自动连结到另一文件 ＜meta http-equiv="refresh"content="10；URL=欲连结文件之URL"＞ 二、文字标记 预设的基准路径--＜base>＜base href="放置文件的主机之URL"＞ 版面 1.标题文字＜h#＞..........＜/h#＞#=1~6；h1为最大字，h6为最小字 2.字体变化＜font＞..........＜/font＞ 【1】字体大小＜font size=#＞..........＜/font＞#=1~7；数字愈大字也愈大 【2】指定字型＜font face="字型名称"＞..........＜/font＞ 【3】文字颜色＜font color=#rrggbb＞..........＜/font＞取值为十六进制数 r：表红色（red）色码 g：表绿色（green）色码 b：表蓝色（blue）色码 3.显示小字体＜small＞..........＜/small＞ 4.显示大字体＜big＞..........＜/big＞ 5.粗体字＜b＞..........＜/b＞ 6.斜体字＜i＞..........＜/i＞ 7.打字机字体＜tt＞..........＜/tt＞ 8.底线＜u＞..........＜/u＞ 9.删除线＜strike＞..........＜/strike＞ 10.下标字＜sub＞..........＜/sub＞ 11.上标字＜sup>..........＜/sup＞ 12.文字闪烁效果＜blink＞..........＜/blink＞ 13.换行＜br＞ 14.分段＜p＞ 15.文字的对齐方向＜p align="#"＞#号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示，直到出现另一个＜p align="#"＞改变其对齐方向，或遇到＜hr＞或＜h#＞标签时会自动设回预设的向左对齐。 16.水平线（分隔线）＜hr＞注：多个属性可以同时写。 【1】分隔线的粗细＜hr size=点数＞ 【2】分隔线的宽度＜hr size=点数或百分比＞</p><h2>HTML中常用标记教学内容</h2><p>H T M L中常用标记</p><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下： <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p，h1，h2，h3，h4，h5，h6等元素，主要用来容纳文本等内容。 1、：块元素，表示文本段落。 2、<span>：内联元素，用来区分文本中的一个部分。 3、标题元素：块元素，用来定义文本中的各种标题。h1，h2，h3，h4 ，h5，h6,其中 每个元素都对应有默认的字体样式其代码如下： <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>：内联元素，文本以粗体显示。 2、<b>：内联元素，显示效果为文本加粗。 3、<em>：内联元素，文本以斜体显示。 4、<i>：内联元素，文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>：内联元素，文本换行。 2、<hr/>：块级元素，横向实线。 3、：注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>：内联元素，用来插入图像文 件。 src ：用于指定图片文件所在的位置。 title/alt：用于指定一段文本信息，作为鼠标放在图像上的提示。 2、<bgsound/>：用来添加背景音乐。</p><h2>常用html标记总结</h2><p>一、HTML的全局架构标签 <html> <head> <title>我是标题 我是正文 二、body标签中的相关属性 1、bgcolor: 网页正文部分的背景色 2、text: 网页正文部分的文字的颜色 3、link: 超链接的颜色 4、alink：鼠标按下超级链接时候文本的颜色 5、vlink：被访问过的超级链接的颜色 6、leftmargin：左缩进的长度，单位是像素 7、topmargin：上缩进的长度，单位是像素 8、background：背景图片，如果图片足够的大，它将盖住背景颜色bgcolor 所有的颜色设置部分都可以用三对十六进制的数来表示，前面加# 三、注释 四、特殊符号 左尖括号 < 右尖括号 > 与符号 & 注册商标 ® 版权 © ( © ) ™ 双引号 " 空格 五、格式标签 1、 把包围起来的内容按原格式显示在浏览器上 2、 换行并加入一个空行 3、
换行不产生空行 4、 缩进 5、 居中显示 6、 七、超链接
... https://www.doczj.com/doc/8313825383.html,:80/index.html 协议名 192.168.1.1 端口号资源名 ![]()
八、图像标签
![]()
alt 提示语 align 对齐方式 border 边框粗细
HTML5常用标签大全
基础 //定义文档类型。 //定义HTML 文档。
//定义文档的标题。 <body> //定义文档的主体。 <h1> to <h6> //定义HTML 标题。 //定义段落。 <br> //定义简单的折行。 <hr> //定义水平线。 //定义注释。 格式 <acronym> //定义只取首字母的缩写。 <abbr> //定义缩写。 <address> //定义文档作者或拥有者的联系信息。 <b> //定义粗体文本。 <bdi> //定义文本的文本方向，使其脱离其周围文本的方向设置。<bdo> //定义文字方向。 <big> //定义大号文本。 <blockquote> //定义长的引用。 <center> //不赞成使用。定义居中文本。 <cite> //定义引用(citation)。 <code> //定义计算机代码文本。 <del> //定义被删除文本。 <dfn> //定义定义项目。 <em> //定义强调文本。 <font> //不赞成使用。定义文本的字体、尺寸和颜色 <i> //定义斜体文本。 <ins> //定义被插入文本。 <kbd> //定义键盘文本。 <mark> //定义有记号的文本。 <meter> //定义预定义范围内的度量。 <pre> //定义预格式文本。 <progress> //定义任何类型的任务的进度。 <q> //定义短的引用。 <rp> //定义若浏览器不支持ruby 元素显示的内容。 <rt> //定义ruby 注释的解释。 <ruby> //定义ruby 注释。 <s> //不赞成使用。定义加删除线的文本。 <samp> //定义计算机代码样本。 <small> //定义小号文本。 <strike> //不赞成使用。定义加删除线文本。 <strong> //定义语气更为强烈的强调文本。</p><h2>html基本标记符</h2><p>1:HTML文档格式处理 1.1<BODY>属性 Background = URL 设置网页的背景图片，默认为无背景图片。 bgcolor = colorvalue 设置网页的背景颜色，默认为白色。 text = colorvalue 设置网页的文本颜色，默认为黑色。 link = colorvalue 设置尚未被访问的超链接的颜色，默认为蓝色。 alink = colorvalue 设置超链接被访问瞬间的颜色，默认为红色。 vlink = colorvalue 设置访问过的超链接的颜色，默认为紫色。 bgproperties = fixed 设置背景是否随滚动条滚动，默认为随条滚动。 leftmagin = size 设置网页左边的空白，单位是像素。 topmagin =size设置网页上边的空白，单位是像素。 maginwidth = size设置网页空白的宽度，单位是像素。 maginheight = size设置网页空白的高度，单位是像素。 2.文本风格处理 2.1段落的格式化 <BR>强制换行标记符，其后面的内容在下行显示，行与行之间不产生空行。 <P> … </P>段落标记符，能强制换行，还使两段间多一个空行。 <PRE>….</PRE>预定义格式符，按照预定格式输出文本。 <Hn>….</Hn>用于设置字体的大小，n取值（1-6），6最小字；使用是自动成一段， 不必使用来加以限制； <HR>水平线标记符 { align = alignstyle 设置水平线对其方式，left. Right. Center,默认center. Size = size 设置水平线的大小，默认值2. Width = size 设置水平线的长度，单位像素或者百分百，默认值100%。 color 设置水平线的颜色，默认透明。 noshade 设置水平线是否有阴影，默认有阴影。} <DIV>…</DIV>分区显示标记符，把文档分为多个区域，并对每个区域做统一格式处理。 <CENTER>….</CENTER>居中对其标记符，将其包含的内容强制居中显示。 注释标记符，其包含的内容不会再浏览器中显示出来。 实例：附件.JPG 2.2字符的格式化 <FONT>…</FONT>字体设置标记符 { face = fontstyle 设置字体的类型，默认为宋体； Size = size; 设置字体的大小，取值的范围是1-7，默认3号。 Color = colorvalue 设置字体的颜色，默认值为<BODY>的text属性所设置的字体颜色。} Face可以取多个值“face =”fontstyle1, fontstyle2, fontstyle3….””首先会以fontstyle1设置字体，如果没有就依次设置后面的字体，直到设置成功。 2.2.2物理字体 <B>…</B> 将字体设置为粗体<TT>…</TT> 将字符设置为打字机字体 <I>…</I> 将字体设置为斜体<SUP>…</SUP> 将字体设置为上标字体 <U>…</U> 给字体加下滑线<SUB>…</SUB> 将字体设置为下标字体 <S>…</S> 给字符添加删除线 2.2.3逻辑字体 <EM>…</EM>起强调作用<VAR>…</VAR>起定义变量或值的作用 <STRONG>…</STRONG>起加重作用<DFN>…</DFN>起定义文字的作用 <CODE>…</CODE>起显示编程代码作用<CITE>…</CITE>起引用文字的作用 <SAMP>…</SAMP>起显示示例文字作用<SMALL>…</SMALL>起缩小文字的作用 <KBD>…</KBD>起显示键盘按键文字的作用<BIG>…</BIG>起放大文字的作用 示例： 3列表处理 3.1定义列表 <DL> <DT>…</DT> 注释：{<DL>…</DL>用于指定一个定义列表； <DD>…</DD> <DT>…</DT>用于指定一个需要指定的名词或术语； <DT>…</DT> <DD>…</DD>用于指定名词或术语的解释；} <DD>…</DD> …….. </DL></p><h2>HTML常用标签大全</h2><p>H T M L常用标签大全 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】</p><p>基础 <!DOCTYPE>? .--> //定义注释。 格式 <acronym> //定义只取首字母的缩写。 <abbr> //定义缩写。 <address> //定义文档作者或拥有者的联系信息。<b> //定义粗体文本。 <bdi> //定义文本的文本方向，使其脱离其周围文本的方向设置。 <bdo> //定义文字方向。 <big> //定义大号文本。 <blockquote> //定义长的引用。 <center> //不赞成使用。定义居中文本。 <cite> //定义引用(citation)。 <code> //定义计算机代码文本。 <del> //定义被删除文本。 <dfn> //定义定义项目。 <em> //定义强调文本。 <font> //不赞成使用。定义文本的字体、尺寸和颜色 <i> //定义斜体文本。 <ins> //定义被插入文本。</p><p><kbd> //定义键盘文本。 <mark> //定义有记号的文本。 <meter> //定义预定义范围内的度量。 <pre> //定义预格式文本。 <progress> //定义任何类型的任务的进度。 <q> //定义短的引用。 <rp> //定义若浏览器不支持 ruby 元素显示的内容。 <rt> //定义 ruby 注释的解释。 <ruby> //定义 ruby 注释。 <s> //不赞成使用。定义加删除线的文本。 <samp> //定义计算机代码样本。 <small> //定义小号文本。 <strike> //不赞成使用。定义加删除线文本。 <strong> //定义语气更为强烈的强调文本。 <sup> //定义上标文本。 <sub> //定义下标文本。 <time> //定义日期/时间。 <tt> //定义打字机文本。 <u> //不赞成使用。定义下划线文本。</p><h2>HTML基本结构标签</h2><p>基本结构标签: <HTML>,表示该文件为HTML文件</HTML>,<HTML>的结束标志 <HEAD>,包含文件的标题,使用的脚本,样式定义等</HEAD>,<HEAD>的结束标志 <TITLE>---,包含文件的标题,标题出现在浏览器标题栏中 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 其它主要标签 以下所有标志用在中:
,链接标志,"…"为链接的文件地址,显示图片标志,"…"为图片的地址
,换行标志,分段标志,采用黑体字,采用斜体字
,水平画线,字体样式标志 ,定义表格,HTML中重要的标志 |
,定义表格的行,用在中 | ,定义表格的单元格,用在|
中 属性: 属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性，范围属性:，色彩属性: ALIGN=LEFT,左对齐(缺省值), ALIGN=CENTER,居中，ALIGN=RIGHT,右对齐表示绝对居中. WIDTH=象素值或百分比,对象宽度. HEIGHT=象素值或百分比,对象高度. COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图 |
表格中一个表格行的开始和结束; | 表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="" ; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2);
强制换行 文本标识的开始和结束 属性: face=字体color=颜色 加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 ,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒 段落标识, 空格符, ![]()
贴图标识 属性: src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" 多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.
HTML标记基本语法
HTML标记基本语法 一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：受控文字其中，x代表标记名称。和就如同一组开关：起始标记为开启(ON)的某种功能，而结束标记(通常为起始标记加上一个斜线/)为关(OFF)功能，受控制的文字信息便放在两标记之间。例如：这是斜体字。 标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。例如：受控文字其中，a1,a2,...,an为属性名称，而v1,v2, (v) 则是其所对应的属性值，属性值加不加引号，目前所使用的浏览器都可接受，但依据W3C 的新标准，属性值是要加引号的，所以最好养成加引号得习惯。 1.2 空标记 虽然大部分的标记是成双成对出现的，但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为： 同样，空标记也可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。如：，例如：
,
等。 W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即： 如果附加属性则为： 目前所使用的浏览器对于空标记后面是否要加/并没有严格要求，即在空标记最后在/和没有加/，不影响其功能。但是如果希望你的文件能满足最新标准，那么最好加上/。 2. HTML标记分类 2.1文件结构标记(Document Structure Tags) 此类标记的目的是用来标示出文件的结构，主要的有： ...:标示html文件的起始和终止。
