一、基本概念：
网页、网站、浏览器、IE/NetScape
HTML：超文本标记语言，什么是超文本、什么是标记语言。
HTML的内容怎样显示出来。
二、HTML语法：
<html> </html>
<head> </head>
<title> </title>
<body> </body>
三、 <body> 的一些属性：
什么是属性：
text:设定整个网页中文字的色彩
link:用于设定一般超链接文本的显示色彩
alink:用于设定鼠标移动到超链接上并按下鼠标是超文本的显示色彩
vlink:设置访问过的超链接的色彩
background:设定背景图片，可以是绝对路径也可以是相对路径。
bgcolor:用户设定背景色，当已设定background时这个属性会失去作用 leftmargin:左边距
topmargin:上边距。
四、注释与特殊字符：
<!--.........-->
注释的内容不会被显示出来
注释不能被嵌套。
< <
> >
& &
" '
五、格式标签
<p> </p> :用来创建一个段落,可以用align属生来设置段落的对齐方式
<br> :单标记，没有结束标记，显示一个换行
<center> </center> :对之间的图形或文本在水平方向居中显示
<marquee> </marquee> :移动图片或文本。direction属性：内容的移动方向（left,right,down,up）;behavior：指定内容的移动行为（scroll,alternate,slide）
<dl> </dl> <dt> </dt> <dd> </dd> ：用来创建一个普通列表。
<ol> </ol> <ul> </ul> <li> </li> : <ol> </ol> 创建一个标有数字的列表; <ul> </ul> 对创建的列表标有一个圆点; <li> </li> 只能在 <ol> </ol> 或 <ul> </ul> 之间使用，表示列表项
<pre> </pre> :对文本进行预格式处理
六、文本标签：
<h1> </h1> ...... <h6> </h6> :把文本以标题方式显示。
<b> </b> <i> </i> <u> </u> :分别对应粗体，斜体，下划线
<sub> </sub> <sup> </sup> :分别对应下上标的显示
<cite> </cite> :引用方式的字体，通常是斜体
<em> </em> :显示需要强调的文本，通常是斜体加粗
<strong> </strong> :用来显示加重文本，通常是加粗显示
<font> </font> :对字体、字号、颜色进行改变。face属性：字体;Size属生：大小;Color属生：色彩
七、图像标签：
<img>
src属性：必不可少，用来设置图像文件所在位置。
alt属性：当鼠标移到图像上显示的提示文本，当图像无法显示时，所显示的代替文字
align属性：设置图像与周围文本的对齐方式。top,bottom,left,right
border属性：设置图像的边框宽度
width和height：设置图像的长宽高
<hr>
在HTML文档中加入一条水平线。
size:线的粗细
color:线的色彩
width:线的长度
noshade:阴影显示
八、超链接标签：
通一资源定位符：URL;
如：http://www.stone36.com/index.asp
http：所使用的协议;www.gohy.net：要访问的主机名;80：端口号;index.htm：文件名
相对URL：/-表示主机的根目录; .-表示当前目录; ..代表父目录;
./image:
../image:
../test/image:
<a href= " "> </a> :把中间标记的内容作为超链接显示，href的内容作为超连接点击后转向的页面。
如： <a href= "http://www.gohy.net "> 华育网 </a>
<a href= "http://www.gohy.net "> <img src= "image/hy.gif "> </a>
href属性是不可少的；
target属性：指明在浏览器的哪个窗口打开新页面。
<a name= " "> ：锚点标记，在同一网页中设置多个锚点便于超链接的浏览。
如： <a href= "#标记１ "> 跳转到第一个标记上 </a>
mailto:打开电子邮件:
<a href= "mailto:grayworm@163.net subject=hello&body=您好 "> 联系我们 </a>
九、 <map name= " "> </map> ：
图像地图将一个图像分成多个部分，各部分分别指向不同的链接。
<area shape= "形状 " coords= "坐标 " href= "url "> ：给图像分块
shape属性可以是以下几种形状：
rect:矩形，此时的coords为矩形的左上角个右下角的坐标
poly:多边形，此时的coords为多边形的各个顶点
circle:圆，此时coords为圆习坐标及半径
如：
<img src= "chinagif " usemap= "mymap ">
<map name=mymap>
<area shape= "rect " href= "a.html " coords= "140,20,280,60 ">
<area shape= "poly " href= "b.html " coords= "100,100,180,80,200,400 ">
<area shape= "circle " href= "c.html " coords= "10,100,60 ">
</map>
十、表格标签：
<table> </table> <tr> </tr> <td> </td>
这三个标签的层次结构：
<table> </table> ：定义一个表格的开始和结束
<tr> </tr> ：定义一行的开始和结束
<td> </td> ：定义一个单元格的开始和结束
<table> </table> 的属性：
bgcolor:设置表格的背景色彩
border:设置表格的边框的宽度
bordercolor:设置表格边框色彩
bordercolorlight:设置表格边框明亮部分的色彩
bordercolordark:设置表格边框昏暗部分的色彩
cellspacing:设置单元格之间的间隔
cellpadding：设置单元格内部的内容与边框的间隔
width:表格的宽度
height:表格的高度
<tr> </tr>
align:整行单元格的内容水平对齐方式left,center,right。
valign:整行单元格的内容竖直对齐方式top middle,bottom
bgcolor:设置这一行的色彩
<td> </td>
width:单元格的宽度（大小）
height:单元格的高度
align:单元格内部内容的水平对齐方式
valign:单元格内部内容的竖直对齐方式
colspan:设置一个单元格跨占的列数
rowspan:设置一个单元格跨占的行数
nowrap:禁止单元格内的内容自动换行
<th> </th> 与 <td> </td> 类似只不过里面显示的内容是黑体居中的
十一、框架标签 <frameset> </frameset> <frame> </frame> ：
什么是框架：将一个窗口分割成多部分，每一部分显示一个独立的页面。
框架只是分割窗口。
<frameset> </frameset> 定义一个框架集：
rows:将窗口竖直拆分时窗口的大小比例
cols:将窗口水平拆分窗口的大小比例
<frame> </frame> 定义一个具体的框架窗口：
src:要显示网页的ＵＲＬ
name:框架窗口的名子
taget:该框架中的超链接默认的打开窗口_blank,_parent,_self,_top。
scrolling:是否在框架边上出现滚动条yes,no,auto
noresize:禁止用户拖动分隔线来调整框架的大小,直接将该属生放入就可以了。
<iframe> </iframe> 在一个网上插入一个简单的框架窗口，这个窗口用来显示另一个文件。
name:框架窗口的名子
src:框架窗口中所显示的新的网页
十二、表单标签：
什么时表单？
<form> </form> :定义表单的开始和结束位置 <略讲>
action:处理表单内容的服务器程序的ＵＲＬ
method:提交给服务器处理表单信息的方式
get:将表单信息以ＵＲＬ参数的形式附在action的ＵＲＬ后面
set:将表单信息以ＨＴＴＰ消息实体发送给ＷＥＢ服务器
target:设置服务器返回结果显示的窗口
title:当鼠标放在表单上的时候以黄色的泡泡进行提示
<input type= "submit "> ：定义一个提交按钮
action:指定ＵＲＬ所指定的服务器程序
value:按钮上的文字
input type= "reset "> :定义一个重新填写的按钮。
value:按钮上的文字
<input type= "text "> :定义一个单行文本框
size:输入区域的宽度，以字符个数为单位
value:文本框的内容
maxlength:用户能够输入的最大字符串长度
readonly:属性存在时，文本框可以获得焦点，但用户不能更改里面的内容。
disable:属性存在时，文本框不能获得焦点，也不能更改里面的内容。
<input type= "checkbox "> :定义一个复选框
name:复选框的名，同一组复选框用同一个名子
checked:该复选框是否被选中
value:指定复选框被选中时，这个复选框的后台值
<input type= "radio "> :定义一个单选按钮
name:单选按钮的名，同一组单选按钮用同一个名子
value:指定单选按钮被选中时，这个单选按钮的后台值
<input type= "hidden "> ：在表单上添加一个隐式的字段的元素，浏览器不会显示这个字段
name:名子
value:值
当表单提交的时候会以name=value的形式提交到服务器上去。
<input type= "button "> :在表单上定义一个普通的按钮，这个按钮通常与某个脚本代码下关联
<input type= "password "> :在表单上定义一个密码输入区域.
<input type= "file "> :用来从本机向服务器传文件
<input type= "image "> :在表单上创建一个图像元素。
图像的源文件由src属性来指定，它没有value属性。
图像元素在某些情况下可以代替submit按钮来使用
单击图像元时就会将表单信息和单击处的x,y值一起发送到服务器
<select> </select> 创建一个下拉列表框或可以复选的列表框。
size:设置列表框中可见选项的数目。默认值是１，这时显示的是下拉列表框。
mutiple属性：这是一个不且赋值的属性，定义列表框是否可以多选。
在列表框中定义各项是用 <option> </option> 来实现的。
<option> </option> 为列表框中添加项目
value:项目的后台值
selected:指定项目是否被选定
<textarea> </textarea> 创建一个可输入多行文本的文本框
cols:文本框的列数
rows:文本框的列数
十三、分区标签：
<div> </div> :区域标签，层
<span> </span> :区域标签
十四、头元素:
<base> 标签：用于指定网页中超链接的基准地址。网页中所有超链接的相对地址都以该地址为基准地址。
该标签只能放在 <head> </head> 标签之间。
如： <base href= "http://www.gohy.net/image " target= "_blank ">
<meta> 标签：通常用于文件的 <head> </head> 之间。主要有两种类型的 <meta> ，它们用不同的属性名(name,http-equiv)来划分。
name属性主要用于在网页中加入一些关于网页的描述信息，例如，网页的关键字，网页的描述信息等
http-equiv属性主要用于在HTML文档中模拟HTTP头。
什么是HTTP头？
通过访问网页时，服务器除了返回网页文件本身的内容（也就是在浏览器中用查看源文件能看到的东西）之外，它还在返回网页文件内容之前，传送一部分被称为 HTTP头的内容给浏览器，这部分肉容是在浏览器的查看源文件中看不到的。HTTP头的内容相当于服务器发送给浏览器的一些暗号指令，通知浏览器查看该网页时应使用的字符编码、是否本地缓存、网页的到期时间、是否间隔一定时间以后刷新页面或跳到其它页面等。
name属性的设置：
Keywords:网页的关键字，以便于在搜索引擎中进行收集信息。
<meta name= "keywords " content= "软件工程师培训,清华IT,华育国际 ">
Description：网页描述信，以便于搜索。
Generator：用于编辑此页所用的工具名，content中填入所用的网页编辑软件。
Author：用于说明网页的作者，content中填入作者的姓名。
Copyright:用于版权声明，content中填入你的版权声明。
http-equiv属性设置：
Content-Type:用于说明网页内容的类型以及文本内容所使用的字符集编码。
<meta http-equiv= "Content-Type " content= "text/html;charset=gb2312 ">
Refresh:告诉浏览器定时自动刷新网页
<meta http-equiv= "Content-Type " content= "1;url=http://www.sina.com.cn ">
通知浏览器过一秒后跳转到新浪网上去。
Expires:用于设定网页的到期时间。为了提高效率，浏览器可以被设置成缓存以前访问的页面，当再次访问该页面时，浏览器不会再去服务器上访问，而是直接在本地缓存中读到。如果将其Content设为0则禁止浏览器使用缓存页面。
<meta http_equiv= "Expires " content= " "Mon,12,May,2007 00:00:00 GMT>
Windows-Target:强制页面在某个窗口显示。例如要防止别人把你的网页作为frame页面调用：
<meta http-equiv= "Windows-Target " content= "_top ">
[size=x-small][/size]
分享到：
相关推荐
在处理HTML数据时，有时我们需要清除HTML标签，以获取纯文本内容。这篇介绍将深入讲解如何使用易语言来实现这个功能。 首先，我们需要理解HTML标签的结构。HTML（HyperText Markup Language）是一种标记语言，用于...
在网页开发中，HTML是构建页面结构的基础，但有时由于编码错误或疏忽，开发者可能会遗漏某些HTML标签的闭合，导致页面显示不正常。PHP作为一种服务器端脚本语言，常用于处理动态网页内容，因此编写一个PHP函数来检查...
"Java 中过滤Html标签" Java 中过滤Html标签是指在Java语言中删除或替换HTML标签的过程。这种技术广泛应用于Web开发中，例如删除恶意代码、防止XSS攻击、显示纯文本等。 在Java中，过滤Html标签的方法有多种，包括...
HTML标签属性大全 HTML标签属性大全是指在HTML文档中使用的各种标签的集合，包括基本结构标签、文本格式标签、图像标签、超链接标签、表格标签、表单标签、框架标签、多媒体标签等。每个标签都有其特定的用途和参数...
HTML标签和属性总结 HTML标签是构建Web页面的基础，了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法，适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两...
然而，有时这些JSON数据可能包含HTML标签，使得解析和处理变得复杂。本篇文章将深入探讨如何解析带有HTML标签的JSON数据，以及使用HTML json parser来解决这个问题。 首先，我们需要理解JSON的基本结构。JSON是一种...
**JSP HTML标签库详解** 在Java服务器页面（JSP）技术中，HTML标签库（Tag Libraries）是一种增强页面表现力和代码可读性的重要工具。对于初学者来说，理解和掌握这一概念至关重要，因为它能够帮助我们更好地组织和...
本篇文章将全面解析HTML标签的用法，为网站开发者提供详细的指导。 首先，我们来了解一下HTML的基本结构。一个标准的HTML文档通常由三部分组成：文档声明、头部（head）和主体（body）。文档声明例如`<!DOCTYPE ...
### 过滤字符串中的HTML标签 在Web开发和文本处理领域中，经常需要对包含HTML（HyperText Markup Language）标签的字符串进行清洗，以便只保留其中的纯文本内容。这通常是为了提高数据的安全性、可读性和易于处理。...
"HTML标签查询软件"是一种辅助工具，专为学习和查询HTML标签而设计，帮助开发者快速查找并理解各种HTML元素及其用法，提高开发效率。 在网页设计中，HTML标签是构成页面结构和内容的关键组成部分。每个标签都具有...
本帮助文档旨在提供一个详尽的HTML标签参考，帮助开发者理解和运用这些标签来构建功能丰富的交互式网页。 HTML标签是HTML语言中的核心元素，它们通过在文本中添加特定的结构和语义，告诉浏览器如何解析和展示内容。...
本篇将详细阐述HTML标签的用途、结构以及常见的一览表。 HTML标签通常由一对尖括号包围，如`<tag>`和`</tag>`，其中`<tag>`是标签的开始，`</tag>`是标签的结束，它们共同构成了一个HTML元素。元素的内容放在开始和...
然而，开发者经常需要在小程序中展示富文本，比如从服务器获取的文章、评论等包含HTML标签的数据。这时，就需要借助第三方库来实现HTML到WXML的转换。`wxParse`就是这样一个非常实用的库，它能帮助我们解决在微信小...
根据提供的文件信息，可以看出这是一份关于HTML标签的简略介绍文档。虽然原文存在大量乱码及不清晰的表达，但依然可以根据其中的部分内容来整理并详细解释几个关键的HTML标签及其用途。以下是对这份文档中提及的一些...
HTML标签是用来定义网页元素的，如段落（`<p>`）、标题（`<h1>`到`<h6>`）、图像（`<img>`）等。在HTML源代码中，标签之间的空格和换行通常会被浏览器忽略，为了保持源代码的可读性，开发者会使用空格或缩进来组织...
### Java正则表达式过滤HTML标签 在处理文本数据时，经常会遇到需要从HTML文档中提取纯文本内容的需求。为了去除HTML标记并保留有意义的文字部分，可以利用Java中的正则表达式来实现这一功能。本篇文章将详细介绍...
SQl去掉HTML标签函数 彻底防止SQL注入