Html语法大全

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

Html语法大全访问过的可连接文字的颜色语法格式:bodytext=colorlink=coloralink=colorvlink=color.leftmargin页面左侧的留白距离.topmargin页面顶部的留白距离语法格式:bodyleftmargin=valuetopmargin=value注:value为长度值为数字align属性语法:h2align=?文字/h2其属性有三种:left靠左,center居中,right靠右〈p〉/p为段落标记,可利用以上属性对整个段落进行设置〈br为换行标记nobr/nobr为不换行标记放在文字两边即可例:bodyh3江南逢李龟年/h3p歧王宅里寻常见br催九堂前几度闻br正是江南好风景br落花时节又逢君/p/body预格式化:pre....../pre浏览是效果和编写是效果格式一样列表分为1无序列表又称符号列表语法格式:ultype=type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框li文字/lili文字/li/ul2有序列表语法格式:oltype=?start?li文字/lili文字/li/oltype的值是编号字符可选的有1...,a...,A...,i...,I...start为起始值例:如果start为3是那么将从3开始,而且必须是数字。3定义列表dl定义列表标记dt标示定义条目dd标示定义内容语法格式:dldt文字/dtdd文字内容/dd/dl连接和图像语法格式:ahref=urlname=?target=?title=?..../a属性:href连接目标值可以是url地址也可以是连接锚点ahref=url.../a或者ahref=锚点.../aname连接名称语法格式:aname=锚点名称.../a例:aname=abcdcf.../a连接到该锚点的连接则应是:aname=#abcdef..../atarget目标窗口语法格式:ahref=urltarget=_blank|_self|_farent|_top|windowname..../a-blank打开新窗口_self当前窗口打开一下两个仅在框架叶面中应用_parent当前窗口的父级窗口(上一级)打开_top在最高一级的窗口打开windowname已命名的窗口或框架中打开连接title连接提示ahref==打开狂人部落的首页狂人部落/a图像img语法格式:imgsrc=urlalt=?width=?height=?border=?align=?border属性定义图片边框的宽度,默认值为0align属性设置图片旁边文字的位置语法格式:imgsrc=align可选值有:top图片和文字顶部对齐middle图片和文字居中对齐bottom图片和文字底边对齐(默认)left图片居左对齐,文字沿图片绕排right图片居右对齐,文字沿图片绕排absmiddle图片对齐到目前文字行绝对中央absbottom图片对齐到目前文字行绝对底部文字的排版不换行空白标记font元素语法格式:fontface=字体名称size=字体大小color=字体颜色字体大小可选值为1——7,默认为3例:〈fontface=黑体size=4color=#ff00ff..../font水平线hr语法格式:hrwidth=宽度align=对齐方式默认居中centersize=水平线厚度默认为2color=颜色noshadenoshade无阴影,既实线层〈divspan两种元素div是块级元素,和段落元素p相似,不同的是两个div元素之间不会产生两个p元素之间的空行,span是行内元素,可以定义段落中部分文字的属性语法格式:divalign=style=.../divalign设置层中元素的水平对齐方式stule设置元素应用css规范的属性div兼容性比span要好一点,最好使用div表格语法格式:tablewidth=bgcolor=background=border=cellspacing=cellpadding=tr...td..../td..../tr/tableborder边框宽度默认值为0,既没有边框cellspacing表格中单元格的边距大小,默认值为两个像素cellpadding表格中单元格之间的间距大小,默认值为两个像素tr元素语法格式:tralign=bgcolor=..../tralign属性对齐方式可选值如下:left,center,tight,默认为leftbgcolor指定该行的背景颜色td元素语法格式:tdwidth=宽度height=高度align=水平对齐方式valign=垂直对齐方式bgcolor=background=rowspan=单元格的行跨度colapan=单元格的列跨度...../tdalign属性的可选值有:left,center,rightvalign属性的可选值有:top,middle,bottomrowspan和colapan跨行和跨列的数量,默认为1框架frameset/framset框架组标记frame/frame框架标记语法格式:framesetframe/frameframe/frame/franesetframeset/frameset元素(双标签)语法格式:framesetcols=rows=frameborder=border=framespacing=......./frameset属性:cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols=30,*,50%可以切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。rows就是横向切割,将窗口上下分开,数值设置同上。以上两属性尽量不要在同一个frameset标记中,因为王井(netscape)不支持,尽量采用多重分割。frameborder设置框架的边框,其值有0不要边框,1要边框。border设置框架边框厚度framespacing表示框架与框架间保留空白的距离frame元素(单标签)语法格式:framename=src=urlscrolling=yes/nonoresize属性:name框架名称,指定框架来做连接的目标窗口。src框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。scrolling是否显示滚动条,yes/no,auto是自动。noresize设置不让使用者改变这个框架的大小,noframe元素指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息语法格式:noframe....../noframe表单form/form语法格式:formaction=urlmethod=get/post....inputtype=submitinputtype=reset/formmethod有两种提交方式get,postaction是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action=mailto:lwr8494@163.com这样此表单所填的资料将会发送到这个邮箱地址。method是指传送信息给cgi等网络程序的方式。可选post方法,get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。申请表单用的是post搜索引擎用的是getinput元素语法格式:inputtype=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语法格式:select.....option..../option...../selectselect元素语法格式:selectname=size=multiple/selectname指定列表框的名字size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项option属性语法格式:optionvalue=selected/optionvalue该列表项的值selected如果设定了这个参数,默认为选定这一项多行文本框textareatextareaname=cols=rows=wrap=off/physical/virtual/textarea属性:name文本框的名称cols文本框的宽度rows文本框的高度wrap文本框的折行方式可选值有:off不保存换行信息physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,virtual送出连续成串的字除非使用者按回车。css层叠样式表引入层叠样式表的方法包括:1,外联式样式表2,内嵌样式表3,元素内定4,导入样式表外联式样式表例:headlinkrel=stylesheethref=/css/default.css/headbody..../body/html属性:rel用来说明link元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址内嵌式样式表:例:htmlheadstyletype=text/css!--td{font:9pt;color:red}.font105{font:10.5pt;color:blue}--/style/headbody..../body/html元素内定格式:pstyle=font-size:10.5pt导入式样式表〈htmlheadstyletype=text/css!--@importurl(css/home.css);--/stylebody..../body/htmlcss的优先级越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。css结构例:td{font-size:10.5pt;color:#666666}css样式包含两个基础部分,选择符td和声明{font-size:10.5pt;color:#666666}声明也有两部分组成:属性font-size,color和值10.5pt,#666666选择符分为6种1元素选择符当页面上多个元素的样式

1 / 17
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功