欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html单选框样式(html5零基础入门教程)

程序员文章站 2024-02-08 22:56:34
1、 结构一、标记 建立html文档 设置网页头部和其它信息 设计文件格式及内文所在 元素的属性text...

1、 结构

一、标记<html> 建立html文档

<head> 设置网页头部和其它信息

<body> 设计文件格式及内文所在<body> 元素的属性

text 设置页面文字的送顔色 bgcolor 设置页面背景的顡色

background 设置页面的背景图像 link设置页面黙认的顔色

bgproperties 设置页面的背景图像为固定,不随页面的滚动而滚动

alink 设置鼠标正在单击时候的链接顔色 vlink 设置访问过后的链接顔色

topmargin 设置页面的上边距 leftmargin 设置页面的左边距

html单选框样式(html5零基础入门教程)

二、头部

标记 <base> 当前文档的url全称 <title>设置显示在浏览器在上方的标题内容

<isindex> 表明该文档是一个可用于检索的网关脚本

<meta> 有关文档本身的信息,例如用于查询的关键词,用于获取该文档的有效期等

<style> 设置css层叠样式表的内容

<link> 设置外部文件的链接 <script> 设置页面中程序脚本的内容

<mate> 标记属性

http-equiv 生成一个http标题域,它的取值与另一个属性相同,

例如http-equiv=expires,实际取值由content确定

name 如果元数据是以关键字/取值的形式出现的,name 表示键字,

如author或id

content 关键字/取值的内容

html单选框样式(html5零基础入门教程)

三、文字

文字标记 <hnumber>……<1hnumber> number=1.2.3.4.5.6

分别指1至6级标题

<font>文字

文字的修饰标记 <b>/<strong> 粗体 <i>/<em>/<cite> 斜体

<sup>上标 <sub>下标 <big>大字号 <small>小字号

<u>下划线 <s>/<strike>删除线 <address>地址

<tt>打字机文字 <blink>闪烁文字(只适用于netscape浏览器)

<code>/<samp>等宽 <kbd>键盘输入文字 <var>声明变量

<fant>标记的属性

face 字体 size字号 color顔色

html单选框样式(html5零基础入门教程)

四.列表

列表标记 <ul>无序列表 <ol>有序列表 <dir>回录列表 <dl>定义列表

<meru>菜单列表 <dt>·<dd>定义列表的标记 <li>列表项目的标记

<ul><ol>标记的属性 type设置列表类型 start设置列表起始属性

type的属性值 1 数字 a 小写字母 a 大写字母 i小写罗马数字

i 大写罗马数字 disc ● circle ○ square □

html单选框样式(html5零基础入门教程)

五.链接

链接标记 <a> 链接

<a>标记的属性 href 指定链接地址 name给链接命名

title设置链接提示文字 target指定链接的目标窗口

target属性值 -parent在上一级窗口中打开。一般使用分帧的框架页会经常使用

-bank在新窗口中打开

-self在同一个帧或窗口中打开.这项一般不用设置

href属性值 http:// 进入万维网站点 news://启动新闻讨论

ftp:// 进入文件传输服务器 mailto:// 启动新闻讨论组

telnet:// 启动telnet方式 gopher://访问一个gopher服务器

html单选框样式(html5零基础入门教程)

六.图片

图片标记 <img>图片 <map>图像映射 <area>图像映射中定义区域

<lmg>标记的属性 src图像的源文件 alt提示文字 width宽度

height高度 vspace垂直间距 hspace水平间距 align排列 border边框

align属性值 top文字的中间线居于图片上方 middle文字的中间线居于图片中间

bottom文字的中间线居于图片底部 left 图片在文字的左侧

right图片在文字的右侧 absbottom文字的底线居于图片底部

absmiddle文字的底线居于图片中间 baseline英文文字基线对齐

texttop英文文字上边线对齐

shape属性值

rect矩形区域 circle椭圆形区域 poly多边形区域

html单选框样式(html5零基础入门教程)

七.表格

1.表格标记 <table>…</table>表格标记 <tr>…</tr>行标记

<td>…</td>单元格标记 <th>表头标记

<table>标记属性 bordercolor 表格边框色 borde表格边框的宽度

bordercolorlight 表格边框亮边框色(左上边框顔色)

bordercolordark 表格暗边框色(右下边框顔色)

bordercolor 行的边框顔色 width表格的宽度 height表格的高度

bgcolor表格的背景顔色 background表格的背图像

<tr>标记属性 align行内容的水平对齐 valign 行内容的垂直对齐

bgcolor 行的背景顔色 background 行的背景图像

bordercolor 行的边框顔色 bordercolorlight 行的亮边框顔色

bordercolordark 行的暗边框顔色

<td>标记属性 align单元内容的水平对齐 valign单元格内容的垂直对齐

bgcolor 单元格的背景顔色 background 单元格的背景图像

bordercolor单元格的背景顔色 bordercorlorlight单元格的亮边框顔色

brodercolordark 单元格的暗边框顔色 width 单元格的宽度

height单元格的高度

<th>标记属性 align表头内容的水平对齐 valign表头内容的垂直对齐

bgcolor 表头的背景顔色 background表头的背景图像

bordercolor表头的边框顔色 bordercolorlight 表头的亮边框顔色

bordercolordark 表头的暗边框顔色 width 表头的宽度 height 表头的高度

html单选框样式(html5零基础入门教程)

八.表单

1.表单标记 <form>表单标记 <input>表单输入标记

<select>菜单和列表标记 <option>菜单和列表项目标记

2.属性 <form> name表单的名称

method 定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get,post

action 用来定义表单处理程序(一个asp,cgi等程序)的位置(相对地址或绝对地址)

<lnput>标记属性 name 域的名称 type域的类型

maxlength 域的最大输入字符数 size域的宽度 value 域的默认值

<select>标记属性 name 菜单和列表的名称 size 显示的选项数目

multiple 列表中的项目多选 value 选项值 selected默认选项

<texrarea>标记属性 name 文字域的名称 rows文字域的行数

cols 文字域的列数 value 文字域的默认值

type属性值 text 文字域 password 密码域 file 文件域

checkbox复选框 redio单选框 button普通按扭

submit 提交按钮 reset重置按钮 hidden隐藏域image图像域

html单选框样式(html5零基础入门教程)

九.滚动

滚动标记 <marquee>

<marquee>标记属性 direction 滚动方向 up 文字向上滚动 left文字向左滚动

behavior 滚动方式 scroll 循环往复

side 只做一次滚动

alternate 交替进行滚动

scrollamount 滚动速度

scrolldelay 滚动延迟

trim函数用来剔除首尾空格

html单选框样式(html5零基础入门教程)

十.框架

1.标记 <frameset> 框架边框标记 <frame> 框架标记 <iframe>浮动框架标记

<frameset>标记属性 cols列 rows行

<frame> 标记属性 src框架中显示页面源文件的路径

frameborder 框架边框显标属性 framespacing框架边框宽度属性

scrolling框架滚动条显示属性 noresize 框架尺寸调整属性

bordercolor 框架边框顔色属性 marginwidt 框架边框缘宽度属性

marginherght框架边缘高度属性

<1frame> 标记属性 src浮动框架中显示页面源文件的路径

width 浮动框架的宽度 height 浮动框架的高度

name 浮动框架的名称

align 浮动框架的排列方式 left表示居左 center表示居中 right表示居右

frameborder 框架边框显示属性 framespacing 框架宽度属性

scrolling 框架滚动条显示属性 ( yes显示 no不显示 auto根据页面的长度自动判断是否晶粒示滚动条

noresize 框架尺寸调整属性 bordercolor框架的顔色

marginwidth 框架边缘宽度属性 marginheight 框架边缘高度属性

插入刷新

步骤:1.选择”查看/文件头内容”

2.在插入面板上,打开html选项卡

优化代码

打开文件窗口,执行”命令、清理html”命令

文本换行:enter 行距较大

enter + shift 行距较小

插入水平线设置顔色:单击属性面板中的快捷标签编辑器按钮

在代码中键入”color = #顔色值”

当图像无法显示时将显示这段文字:

图像属性中的替代→输入文字

插入鼠标经过图像:准备两张图像

在文件窗口中,将光标放置于需要翻转图像位置→插入工具栏中单击鼠标经过图像

ⅱ.使用导航条:

在”常用”对象组中,单击”图像”小三角→导航条

插入图像占位符:图像小三角→图像占位符

flash动画的背景实现透明 参数wmode 值 transparent

插入 java applet

插入表单

插入表单域:对象面板上”表单”→插入表单

插入文本域:单击面板上的插入文本域. 初始值 = 打开时显于的文字

插入密码框:在属性面板上选择密码

插入多行文本域:在类型后选择多行

插入隐藏域:对象面板→插入隐藏域

插入按钮:标签用来设置按钮上显示的文本

插入图像提交按钮=图像域:

插入文件上传按钮=文件域:

插入单选框

插入单选按钮组:label文字说明 value 单选按钮的值

插入复选框

菜单/插入列表:列表值→

插入跳转菜单:(

制作网页链接

url统一资源定位器

目标:_blank在一个新的未命名的浏览器窗口中打开

_parent如果是嵌套的框架,链接会在父框架或窗口中打开,否则=_top

_top在完整的浏览器中打开

创建搜索页

运行中输入:

inetmgr (iis

odbcad32 (odbc

asp对象

applicatipn 在给定的应用程序的所有用户间共享信息,并在服务器运行期间持久地保存数据。

集合: contents

staticobjects

item(变量值)=设置资料变量的值

key(变量名称)=设置资料变量的名称

count(变量资料的数量)=表示

coutents集合中资料的总数量

方法: lock

unlock

事件: applicatipn_onstart

application_onend

session 存储特定的用户会话所需的信息

属性:codepage

lcid

sessionid

timeout

集合:contents

staticobjects

方法:abandon

事件:session_onstart

session_onend

response 用来控制发送给用户的信息,包括直接发送信息给浏览器,重定位浏览器到另一个url或设置cookie值

属性: buffer

cachecontrol

charset

contenttype

expires

expiresabsolute

isclientconnected

pics

status

集合: cookies

方法: addheader

appendtolog

binarywrite

clear

end

flush

redirect

write

request 访问任何基于http请求传递的信息,常见的有从html表单用post方法或get方法传递的参数,cookie或用户认证等。

属性: totalbytes

集合: clientcertificate

cookies

form

querystring

servervaiables

方法: binaryread

server 提供对服务器方法和属性的访问

属性: scripttimeout

集合: 无

方法: creatobject

htmlencode

mappath

urlencode

recordset

movenext 将前数据记录移至下一条

moveprevious 将当前数据记录移至上一条

movefirst 将当前数据记录移至第一条

movelast 将当前数据记录移至最后一条

absoluteposition=n 将当前数据记录移至第n条

eof 当前数据记录是否移过了最后一条(发生于向下移动时)

bof 当前数据记录是否移过了第一条 (发生于向上移动时)

vbscript 运算符

算术运算符

指数 取负 乘法 除法 加法 减法 取模 连接 整数除法

∧ - * / ﹢ ﹣ mod &

比较运算符

相等 不相等 小于 大于 小于或等于 大于或等于 对象相象

= <> < > <= >= is

逻辑运算符

逻辑非 逻辑与 逻辑或 异或 逻辑等于 逻辑蕴含

not and or xor eqv imp