HTML基础标签属性详细解析

======================================================
注：本文源代码点此下载
======================================================

网页第一章

这个是在标签括其来的,里面的主要属性有:

http-equiv="content-type"content="text/html"

charset="编码语种"编码语种已知的有三种:简体中文网页为gb2312

繁体中文为 big5

纯英文网页为 iso-8859-1

是放在body里面的,是背景颜色的意思,存放形式和存放颜色一样

同上,是背景图片的意思,通常二选一即可

网站标题标签

是存放图片属性,单一标签,里面可以存放

1.src="路径"插入图片

2.align="对齐方式"对齐方式有 top 前面 / middle 中间 / botton 后面

3.width="宽度"height="高度" 都是一象数计算

4.alt="文字"当鼠标放在图片上显现的文字

5.border="厚度" 设置边框的

换行标签,也是一个单标签

返回上一级目录,在写路径的时候可以用

垂直对其方式,对齐方式有 top 上面 / middle 中间 / botton 下面

超链接文本,里面可以放 href="跳转路径位置"

空连接

表内跳转,必须要先做标记把做标记的地方用一对标签括起来

这是邮箱连接

是用来修饰段的,把是亿段文字的就可以括起来,里面可以放

1.align="对其方式"分为left左边 / center 中间 / right 右边

是修饰文字的属性,里面可以存放

1.size="字体大小"取值范围1-7,其中7为最大

2.color="颜色" 可以写英文,也可以用16进制表示1-9,a-f。如:0000ff

3.face="字体"字体是用中文书写,可以参考word里面的字体类型

标题标签,分为1-6,其中1为最大

文本格式标签,用它括起来的东西,你打的是怎么样,运行后的效果就怎么样

有序列表的属性,里面可以存放

类型分为五种:1 , a , a , i , i

是列表标签,把那里括起来,那里就会有一个标记

有序列表的属性,里面可以存放

类型分为三种:

disc :表示实心圆点,同时也是默认值

circle :表示空心圆

square : 空心正方形

是列表标签,把那里括起来,那里就会有一个标记

是一个单标签,分割线,里面有属性

size=“厚度 ”color=”颜色“width="宽度"

转义符号:

& nbsp;空格

& gt;( > )大于符号

& lt;(

滚动标签,;里面可以存放属性

scrolldelay="时间" 用来设置滚动速度的

onmouseover="this.stop()" 设置,当鼠标放在上面的时候,动态效果停止

onmouseout="this.start()" 设置,当鼠标离开的时候,继续动态效果

direction="从那里开始出来"一般有 : up上面/down下面/left左边/right右边

behavior="滚动方式" 滚动方式有三种:

scroll进去后,从另外一边又出来,一直重复

slide滚动到对面之后就停止了

alternate到达另外一边又反弹回来

图片常见的格式有jpggifswfbmp

网页第二章

--表格基础

创建表格的的标签,里面可以存放的属性有:

border="边框厚度",用来设置边框

width="宽度",用来设置表格的宽度

height="高度",用来设置表格的高度

bordercolor="颜色",用来设置边框颜色

bgcolor="颜色",用来设置整个表格的背景颜色

background="路径",用来设置背景图像

cellpadding="象数",用来设置文字与边框的距离

cellspacing="象数",有来设置表格内,框与框之间的距离

行标签,一对

括起来算一行,它是被一对表格标签括起来的

里面有属性:bgcolor="颜色" 用来设置行的背景颜色

列标签,一对

括起来算一列(一格),它是被一对行标签

标签括起来的

里面可以设置属性: rowspan="行数",合并行

colspan="列数",合并列

bgcolor="颜色" 用来设置列的背景颜色

align="对其方式"分为left左边 / center 中间 / right 右边

是列的意思,加上span就是跨列,colspan

是行的意思,加上span就是跨行,rowspan

网页第三章

--表单和框架

是表单的一个容器,所有的表单元素都要写在这一对标签的里面,可以写多个,当提交按

钮为两个的时候,就要分别用两个form来包装,这样才能体现它提交的作用。里面有属性有:

name="名称"不能少

method="方法"分为post/get两种建议用第一种,安全

action="路径" 看你提交到哪里去,经行页面间的跳转

表单标签,大部分的表单标签都是用这个标签,只是type属性不一样,他里面有属性:

name="名称"必须都用,方便以后处理程序

value="默认值"是用来写要在里面显示的文字的

size="象数" 用来设置文本框的长度"

maxlength="最大长度" 用来设置最大长度

checked="checked" 当属性为boolean属性的时候,设置指定的选项是否被选中

type="text"单行文本框格式属性

="passwrod" 密码文本框,用于用户输入密码的时候,在输入的时候不给别人看见密码

="raido" 单选按钮,name属性要一样,value属性要和默认值相一致,直接传给电脑的

="checkbox" 复选框按钮,name也一样,value也要写

="submit"提交按钮,用来提交的,用法同上

="reset"重写按钮,用来从新填写内容的,用法同上

="button"普通按钮,暂时没有什么实际意义,用法同上

="file"上传按钮,用来上传图片和文件的按钮,用法同上

="image" 图像按钮,后面紧接src="路径"引入图片,其他同上

="hidden" 隐藏按钮,现在还暂时用不上。。

下拉按钮,可以让用户在里面进行选择,里面有属性:name

在一对select里面,一对option包含的文字是用来个用户进行选择的,他有属性value和

默认被选中的属性selected="selected",不写的话就默认为你写的第一行option包含的文字为默认

文字,这些宽度是由文字大长度来控制的,可以使用空格来增加长度

多行文本框,里面书写的内容会全部显现出来,包括空格。里面有属性:

name="名称"

cols="列数" 设置一行最多能输入几个文字

rows="行数" 设置可以书写几行

readonly="readonly" 用来设置里面的内容能否被修改

框架集:框架是个特殊的东西,有他的地方就不能有 body 的出现。他里面只能

插入网页,他只是管理布局,就算要修改网页的内容也只能去插入的网页中修改。里面有属性:

cols="?%,%?" 左右分割,可以用百分比, * 的话代表全部 也可以按比例来分 如 1,6 就是一比六

rows="?%,%?" 上下分割,可以用百分比, * 的话代表全部 也可以按比例来分 如 1,6 就是一比六

border="数字" 设置边框尺寸大小

frameborder="0/1" 设置是否边框框架

他包含在一对frameset表签里面,分为几部分就有几个frame标签,如果要再分

的话,就把要分的那个frame给删除,从新插入一个frameset标签,进行从新分配,里面有属性:

src="要插入的网页路径"插入一个网页

name="名字" 跳转的时候也许要用

scrolling="auto/no/yes"设置看是否有滚动条,auto是指自动生成

noresize 确定框架的边框能否被被用户拉大或者拉小

这个a标签是你再插入的网页里的热点,当用户点击他的时候,看他是怎么跳转的

以前的属性不变,要多加一个target的属性:

target="_self"再指定的的窗口打开

="_blank" 新打开一个文件窗口

="_parent" 返回上一级窗口后,再打开

="top" 再整个浏览器窗口打开

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/