表格语法格式:
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
....
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
..... | align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
input元素语法格式:
type属性的可选值有:
text 单行文本框
属性:name 文本框名称
value 文本框的初始值
size 文本框的长度
maxlength 可输入字符串最大的长度
radio 单选框
属性:name 单选框名称
value 内部值
checked 默认选定
checkbox 复选框
属性:name 复选框名称
value 内部值
checked 默认选定
reset 重置按钮
submit 确定按钮
属性:name 按钮名称
value 显示在按钮上的文字
password 密码框
属性与文本框的属性完全相同
file 文件域
属性:name文件域名称
size 文件域的长度
maxlength 文件域可接受的字符数量的上限
hidden 隐藏域
属性:name 隐藏域名称
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的url地址
列表框
语法格式:
.....
.....
select元素
语法格式:
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
语法格式:
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
css 层叠样式表
引入层叠样式表的方法包括:
外联式样式表
例:
....
属性:rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
内嵌式样式表:
例:
....
元素内定
格式:
导入式样式表
〈html>
....
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
css结构
例:td{font-size:10.5pt;color:#666666}
css样式包含两个基础部分,
选择符
和声明{font-size:10.5pt;color:#666666} 声明也有两部分组成: 属性font-size,color和值10.5pt,#666666 选择符分为6种 1元素选择符 当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;} 2class(类)选择符 例:〈head> .....士大夫井冈山地方官 九连环离开计划 还有一种方法就是限定可以应用它的页面元素 例:〈head> .....士大夫井冈山地方官 九连环离开计划3 id选择符 与class选择附类似,只是把.换成# 例: 我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 关联选择符 关联选择符 我们设定了在元素中 | 的元素 所包含文字的样式,只有在两个条件都满足是,样式在会起作用, 伪类选择符 是只能用在css选择符里,而不能用在html代码中的选择符 例: 关联选择符 关联选择符 关联选择符 关联选择符 〈/body> 正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 伪元素选择符 与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 例:首行 dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 长度随浏览器窗口大小而改变 首字 dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 以上两种都只能应用于块状元素上 css规则 1.继承 例: 为最高级 | 次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 td,.p1{font-size:12pt} 3.层叠 在样式里定义过后,在表格属性中又定义一次 css单位 分四大类: 1 长度单位 数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)换算关系: 1in(英寸)=6pc(派) 1in(英寸)=72pt(磅) 1in(英寸)=2.54(厘米) 1cm(厘米)=10mm(毫米) 1cm(厘米)=0.3937(英寸) 1pt(磅)=1/72in(英寸)=0.2478mm(毫米) 1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 2 百分比单位 3 颜色单位 4 url单位 div属性 color : #999999 文字颜色 font-family : 宋体文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下标字 vertical-align:super 上标字 text-decoration:line-through 加?h除线 text-decoration:overline 加顶线 text-decoration:underline 加底线 text-decoration:none ?h除连接底线 text-transform : capitalize 首字大写 text-transform : uppercase 英文大写 text-transform : lowercase 英文写 text-align:right 文字*右对齐 text-align:left 文字*左对齐 text-align:center 文字置中对齐 这些是一些简单的文字效果,可以应用到css的页面中。 背景 background-color:black 背景颜色 background-image : url(image/bg.gif) 背景图片background-attachment : fixed 固定背景 background-repeat : repeat 重复排列-网页预设background-repeat : no-repeat 不重复排列 background-repeat : repeat-x 在x轴重复排列background-repeat : repeat-y 在y轴重复排列background-position : 90% 90% 背景图片x与y轴的位置链接 A所有超连接 A:link 超连接文字格式 A:visited 浏览过的连接文字格式 A:active 按下连接的格式 A:hover 鼠标移至连接 边框 border-top : 1px solid black 上框 border-bottom : 1px solid #6699cc 下框 border-left : 1px solid #6699cc 左框 border-right : 1px solid #6699cc 右框 border: 1px solid #6699cc 四边框 虚线 实线 HTML代码大全HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 (放在档案的开头与结尾) 文件主题 (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) (由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分 区分的对齐 引文区块 (通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式 (保留文件中空格的大小) 预定格式的宽度 (以字元计算) 向中看齐 (文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小 HTML属性详解大全HTML属性详解 入门 HTML 标签 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 格式化 HTML 样式 HTML 链接 HTML 表格 HTML 列表 HTML 表单 HTML 图像 HTML 背景 HTML颜色 HTML 是用来描述网页的一种语言 HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签, HTML 使用标记标签来描述网页 HETML标签: HTML 标记标签通常被称为HTML 标签 HTML 标签是由尖括号包围的关键词,比如。成对出现的,比如 和 标题 HTML 标题(Heading)是通过 - 等标签进行定义的。 This is a heading This is a heading This is a heading 定义最大的标题。 定义最小的标题。 段落 段落是通过 标签进行定义的 This is a paragraph. This is another paragraph. 链接 链接是通过 标签进行定义的 SEO研究中心图像 图像是通过 标签进行定义的。 图像标签()和源属性(Src) 在HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且没有闭合标签。 要在页面上显示图像,你需要使用源属性(src)。src 指"source"。源属性的值是图像的URL 地址。例子: URL 指存储图像的位置。如果名为"boat.gif" 的图像位于https://www.360docs.net/doc/1c1628951.html, 的images 目录中,那么其URL 为https://www.360docs.net/doc/1c1628951.html,/images/boat.gif。 浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。 替换文本属性(Alt) 元素 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 空元素 没有内容的称为空元素 标签定义换行 标签使用小写 文本格式化 文字的各种属性加粗斜体文字方向缩写首字母等 HTML 属性 HTML 标签可以拥有属性。属性提供了有关HTML 元素的更多的信息。 属性总是以名称/值对的形式出现,比如:name="value"。 属性总是在HTML 元素的开始标签中规定。 属性实例 居中排列标题 例子: 定义标题的开始。 拥有关于对齐方式的附加信息。 背景颜色 拥有两个配置背景的标签。背景可以是颜色或者图像HTML代码中IMG标签的全部属性HTML代码中IMG标签的全部属性 例:写一段图片HTML代码 该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性. 那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人, 以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img 标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了 以下的img可用的属性如果你只用过10个不到,那就只能说明你菜....... language = //语言类型,如等等标志对,这些标志对都是描述Html 文档相关信息的标志对, 标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含、< /p>、、、 、 等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4. 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在标志对之间加入您要显示的文本即可。注意:< /title>标志对只能放在标志对之间。 下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在
|