html小结


网页开发工具:visual studio.net
网页构架,方便设置标签属性,颜色值得属性有两种。


一、html的基本框架结构:

-----

浏览器中显示的标题

-----
-----

主体部分

-----

-------------------------------------------------------

二、标签属性-----

text:整个文档中文字的颜色
link:静态超链接文本显示颜色
alink:正在访问的超链接文本显示颜色
vlink:访问过的文本颜色
background:背景墙纸所用的背景文件(gif、jpeg)
bgcolor:设定背景颜色,设定了背景墙纸这个属性会失去,除非墙纸透明
leftmargin:网页显示画面与浏览器左边窗口的间隙,单位像素。
topmargin:网页显示画面与浏览器顶边窗口的间隙,单位像素。
class:
name:
id:
style:
---------------------------------------------------------

三、文档类型的定义(document type definition,DTD)

DTD语法:
----------------------------------------------------------

四、注释与特殊字符

1、注释格式:,注释不能被嵌套。
2、特殊符号:<,>, & ,"',注册符号,版权符号,"TM,空格等(可以网上搜索代码)
----------------------------------------------------------

五、格式标签

1、

:用来创建一个段落,可以用align属生来设置段落的对齐方式
2、
:单标记,没有结束标记,显示一个换行

3、
:对之间的图形或文本在水平方向居中显示

4、:移动图片或文本。direction属性:内容的移动方向(left,right,down,up);behavior:指定内容的移动行为(scroll,alternate,slide)
5、
用来创建一个普通列表

列表行

列表列

6、
    • :
        创建一个标有数字的列表;
          对创建的列表标有一个圆点;
        • 只能在
              之间使用,表示列表项

              7、
              :对文本进行预格式处理

              ----------------------------------------------------------

              六、文本标签:

              1、

              ......
              :把文本以标题方式显示。

              2、:分别对应粗体,斜体,下划线
              3、:分别对应下上标的显示
              4、:引用方式的字体,通常是斜体
              5、:显示需要强调的文本,通常是斜体加粗
              6、:用来显示加重文本,通常是加粗显示
              7、:对字体、字号、颜色进行改变。face属性:字体;Size属生:大小;??Color属生:色彩
              ----------------------------------------------------------

              七、图像标签: 

              格式:

              src属性:必不可少,用来设置图像文件所在位置(绝对与相对,服务器最好用相对)。
              alt属性:当鼠标移到图像上显示的提示文本,当图像无法显示时,所显示的代替文字
              align属性:设置图像与周围文本的对齐方式。top,bottom,left,right
              border属性:设置距图像的边框宽度
              width和height:设置图像的长宽高
              用于提供web服务器中网页访问次数


              :在HTML文档中加入一条水平线。
              size:线的粗细
              color:线的色彩
              width:线的长度
              noshade:阴影显示
              -----------------------------------------------------------

              八、超链接标签

              URL基本组成:协议+主机名+端口号+资源名
              如:http://www.sina.net/80/index.html。其中http://是所使用的协议;www.sina.net是要访问的主机名;80是端口号;index.html是要访问的资源名

              1、内容文本:把中间标记的内容作为超链接显示,href的内容作为超连接点击后转向的页面。
              如:新浪网

              2、
              href属性是不可少的;
              target属性:指明在浏览器的哪个窗口打开新页面。

              3、:锚点标记。
              在同一网页中设置多个锚点便于超链接的浏览。如:
              跳转到第一个标记上
              在不同网页使用如下:跳转到第一个标记上

              4、mailto:打开电子邮件:
              联系我们
              ----------------------------------------------------------

              九、图像地图将一个图像分成多个部分,各部分分别指向不同的链接。

              1、标签格式:
              举例:

              ------给图像分块

              2、shape属性可以是以下几种形状

              rect:矩形,此时的coords为矩形的左上角个右下角的坐标
              poly:多边形,此时的coords为多边形的各个顶点
              circle:圆,此时coords为圆习坐标及半径

              3、用法举例如:






              ---------------------------------------------------------

              十、表格标签

              1、

              这三个标签的层次结构:
              :定义一个表格的开始和结束

              :定义一行的开始和结束
              :定义一个单元格的开始和结束

              2、

              的属性:
              bgcolor:设置表格的背景色彩
              border:设置表格的边框的宽度
              bordercolor:设置表格边框色彩
              bordercolorlight:设置表格边框明亮部分的色彩
              bordercolordark:设置表格边框昏暗部分的色彩
              cellspacing:设置单元格之间的间隔
              cellpadding:设置单元格内部的内容与边框的间隔
              width:表格的宽度
              height:表格的高度

              3、
              align:整行单元格的内容水平对齐方式left,center,right。
              valign:整行单元格的内容竖直对齐方式top middle,bottom
              bgcolor:设置这一行的色彩

              4、
              width:单元格的宽度(大小)
              height:单元格的高度
              align:单元格内部内容的水平对齐方式
              valign:单元格内部内容的竖直对齐方式
              colspan:设置一个单元格跨占的列数
              rowspan:设置一个单元格跨占的行数
              nowrap:禁止单元格内的内容自动换行
              与类似只不过里面显示的内容是黑体居中的
              ---------------------------------------------------------

              十一、框架标签(在index.html中)


              框架标签的解释:将一个窗口分割成多部分,每一部分显示一个独立的页面。框架只是分割窗口。

              框架标签格式:
              1、定义一个框架集。不能在body标签对中,负责没用:
              rows:将窗口竖直拆分时窗口的大小比例,列如:rows=“10%,*”
              cols:将窗口水平拆分窗口的大小比例

              2、定义一个具体的框架窗口:
              src:要显示网页的URL
              name:框架窗口的名子
              taget:该框架中的超链接默认的打开窗口_blank,_parent,_self,_top。
              scrolling:是否在框架边上出现滚动条yes,no,auto
              noresize:禁止用户拖动分隔线来调整框架的大小,直接将该属生放入就可以了。

              3、在一个网上插入一个简单的框架窗口,这个窗口用来显示另一个文件。
              name:框架窗口的名子
              src:框架窗口中所显示的新的网页
              ----------------------------------------------------------

              十二、表单标签


              定义表单的开始和结束位置格式:

              。name,password需要定义

              1、表单的属性
              action:处理表单内容的服务器程序的URL
              method:提交给服务器处理表单信息的方式
              get:将表单信息以URL参数的形式附在action的URL后面
              set:将表单信息以HTTP消息实体发送给WEB服务器
              target:设置服务器返回结果显示的窗口
              title:当鼠标放在表单上的时候以黄色的泡泡进行提示

              2、:定义一个提交按钮
              action:指定URL所指定的服务器程序
              value:按钮上的文字

              3、:定义一个重新填写的按钮。
              value:按钮上的文字

              4、:定义一个单行文本框
              size:输入区域的宽度,以字符个数为单位
              value:文本框的内容
              maxlength:用户能够输入的最大字符串长度
              readonly:属性存在时,文本框可以获得焦点,但用户不能更改里面的内容。
              disable:属性存在时,文本框不能获得焦点,也不能更改里面的内容。

              5、:定义一个复选框
              name:复选框的名,同一组复选框用同一个名子
              checked:该复选框是否被选中
              value:指定复选框被选中时,这个复选框的后台值

              6、:定义一个单选按钮
              name:单选按钮的名,同一组单选按钮用同一个名子
              value:指定单选按钮被选中时,这个单选按钮的后台值

              7、:在表单上添加一个隐式的字段的元素,浏览器不会显示这个字段
              name:名子
              value:值

              8、当表单提交的时候会以name=value的形式提交到服务器上去。

              :在表单上定义一个普通的按钮,这个按钮通常与某个脚本代码下关联
              :在表单上定义一个密码输入区域.

              :用来从本机向服务器传文件

              :在表单上创建一个图像元素。
              图像的源文件由src属性来指定,它没有value属性。
              图像元素在某些情况下可以代替submit按钮来使用
              单击图像元时就会将表单信息和单击处的x,y值一起发送到服务器

              创建一个下拉列表框或可以复选的列表框。
              size:设置列表框中可见选项的数目。默认值是1,这时显示的是下拉列表框。
              mutiple属性:这是一个不且赋值的属性,定义列表框是否可以多选。
              在列表框中定义各项是用来实现的。

              为列表框中添加项目
              value:项目的后台值
              selected:指定项目是否被选定

              创建一个可输入多行文本的文本框
              cols:文本框的列数
              rows:文本框的列数
              ------------------------------------------------------------

              十三、分区标签

              1、

              :区域标签,层
              2、:区域标签
              -------------------------------------------------------------

              十四、头元素

              1、标签:用于指定网页中超链接的基准地址。网页中所有超链接的相对地址都以该地址为基准地址。
              该标签只能放在标签之间。
              如:

              2、标签:通常用于文件的之间。主要有两种类型的,它们用不同的属性名(name,http-equiv)来划分。
              name属性主要用于在网页中加入一些关于网页的描述信息,例如,网页的关键字,网页的描述信息等
              http-equiv属性主要用于在HTML文档中模拟HTTP头。
              什么是HTTP头?
              通过访问网页时,服务器除了返回网页文件本身的内容(也就是在浏览器中用查看源文件能看到的东西)之外,它还在返回网页文件内容之前,传送一部分被称为HTTP头的内容给浏览器,这部分肉容是在浏览器的查看源文件中看不到的。HTTP头的内容相当于服务器发送给浏览器的一些暗号指令,通知浏览器查看该网页时应使用的字符编码、是否本地缓存、网页的到期时间、是否间隔一定时间以后刷新页面或跳到其它页面等。

              3、name属性的设置:

              Keywords:网页的关键字,以便于在搜索引擎中进行收集信息。

              Description:网页描述信,以便于搜索。
              Generator:用于编辑此页所用的工具名,content中填入所用的网页编辑软件。
              Author:用于说明网页的作者,content中填入作者的姓名。
              Copyright:用于版权声明,content中填入你的版权声明。
              http-equiv属性设置:
              Content-Type:用于说明网页内容的类型以及文本内容所使用的字符集编码。

              Refresh:告诉浏览器定时自动刷新网页

              通知浏览器过一秒后跳转到新浪网上去。
              Expires:用于设定网页的到期时间。为了提高效率,浏览器可以被设置成缓存以前访问的页面,当再次访问该页面时,浏览器不会再去服务器上访问,而是直接在本地缓存中读到。如果将其Content设为0则禁止浏览器使用缓存页面。

              Windows-Target:强制页面在某个窗口显示。例如要防止别人把你的网页作为frame页面调用: