HTML

HTMLHTML：超文本标记语言，不是编程语言head头部元素里的信息不会被浏览器显示出来Head中包括title,base,meta,link,style.meta中content属性metacontent=charest=gb2312中文版metacontent=charest=UTF-8英文版!--XX--html的注释，不显示出来，用来解释代码p段落标签（能自动在段落前后加空格，块级标签）h在h中加数字。如：h1~h6;且随着数字的减小，字体大小，颜色深度也随之减小！hr/水平线其中的语法为：hrsize=10width=500color=pinkalign=center/br/换行b,strong字体加粗I,EM斜体u下划线s删除线olulliol有序标签Type:A,a,i,I,1(默认)ul无序标签Type:disc(默认),circle,square演示代码olstart=4type=ali第一/lili第二/lili第三/li/olpre预格式标签dddtdl定义描述标签div划分逻辑标签演示代码divpre法国大伯然后看我的哈哈单放机合格/predldtdd你/dddd的/dd/dt/dl/divfont规定文字的字体，颜色，大小fontsize=4face=黑体”color=“red”我的练习/fontSize-1~-7；1~7；+1~+7（默认值：3）Font写字体名称，拼音则不对Color#00—FFimgimgsrc=“02.jpg”alt=“美图”width=“350”align=“bottom“height=”200”title=“树木”/仙境a链接：ahref=“xxx.html”xxx/a锚点：aname=“top”/aahref=“#top”到顶部/abgsound写在head中属性：srcloop空格： marquee滚动标签属性：scrolldelay（默认90）direction（默认left）loopheightonMouseOveronMouseOut代码演示bgsoundsrc=仙境.mp3/marqueescrolldelay=50direction=downloop=2onMouseOver=this.stop()onMouseOut=this.start()table语法：tabletrtd/td/tr/tabletable属性Align：left，centerrightbgcolorbackgroundwidthheightCellspacingcellpaddingtr属性Align：left，centerrightbgcolorValign:topmiddlebottomtd属性Align：left，centerrightbgcolorValign:topmiddlebottomwidthheightcolspan(跨列)rowspan（跨行）target-self当前窗口链接到页面-blank打开一个新窗口-top（上级窗口显示）清除框架，载入页面-parent(父窗口)超链接引用框架的框架集链接目标ahref=“xxx”target=“xxxx”/form属性：nameactionmethod元素：inputselecttextareainput中元素类型：type,checked,size,maxlength,name,valueselect下拉标签代码：selectname=“yue”size=“4”multipleoptionselected=“selected”1/option/selecttextarea文字域属性：rowscols若设置为只读格式：readonly=“readonly”提交按钮设为不可用：disabled=“disabled”Type中包括：button,radio,checkbox,image,password,file,hidden,text,submit,reset当type类型为text,password时，存在size,maxlength,分别表示可容纳的字符宽度，字符数当type类型为radio,checkbox时，存在checked,表示是否选中当type类型为file时，form只能用post值Get和post的区别1.Get将表单中的数据按name=value的形式添加到action的路径后面，用？连接action与name=value值，多个变量用&来连接2.Get不安全，在输入过程中数据被放在请求路径中（url）用户可直接看到，post对于用户来说不可见。3.Get传输数据量小，post可传输大量数据4.Get限制表单单字符集是ASCII字符集，post支持整个IS010646字符集。5.Get是form的默认方法frame,framesetframe无结束标签属性：srcnamenoresizeScrolling:yesnoautoframeset要写在body之外属性：colsrowsbordercoloriframeiframe写在body中,无结束标签属性：srcframeborderwidth,heightscrolling代码：iframesrc=“a.html”width=“500”scrolling/css选择器：标签选择器类选择器ID选择器注释：/*xxxx*/styletype=text/css/*li标签练习*/ul{color:red；font-family:隶书；}.yellow{text-decoration:line-through;line-height:100px;}#你好{color:green;background:black;}/styleBODYp你好，欢迎光临贵美商城！/pdivid=你好ulliclass=yellow家用电器/liliid=你好大家电/lili洗衣机/li/ul/BODYborderborderborder-width-style:soliddoubledasheddotted-colorborder-left/right/bottom/top(顺序可变)fontfont:font-weight:bold-family-size设置字体的样式顺序不可变。为：font:bold12px宋体；文本属性line-height25px28px(行高)text-alignleftcenterrightletter-spacing:3px8px（字符间距）Text-decoration:noneunderlineWhite-space:nowrap（处理空白）背景属性Background-color-repeat-attachment-position-imagestyletype=text/cssbody{line-height:25px;text-align:center;letter-spacing:3px;text-decoration:underline;/*背景颜色transparent#ff0000red4种*/background-color:rgb(255,0,0);background-image:url(1.jpg);/*背景图片平铺设置repeat-xrepeat-y4种*/background-repeat:no-repeat;/*背景图片位置设置topcenter3种*/background-position:5050;/*背景图片滚动设置fixed2种*/background-attachment:fixed;white-space:mowrap;}/style/HEADBODY其实活到现在终于发现，不听妈妈的话是迟早会后悔的，想起梁静茹的一句歌词：/BODY列表属性List-style-image-type-position代码演示styletype=text/cssul{list-style-position:outside;list-style-type:square;}/style/HEADBODYulli家0用电器/lili家1用电器/li/ul/BODYCss布局Margin-top/right/left/bottomPadding-top/right/left/bottomborder注意：缩写时，按上右下左的顺序floatFloat:left/right/nonestyletype=text/css#mian{background-color:red;height:200px;}#login{background-color:green;float:left;width:50%;}#login-right{background-color:yellow;width:50%;float:right;}/style/HEADBODYdivid=miandivid=login左边/divdivid=login-right右边/div/div/BODYCss使用伪类样式控制超链接a:link未访问a:visited已访问a:hover鼠标移上状态a:active已看过的styletype=text/css#menulia:link{font:10px楷体-GB2312;color:red;}#menulia:visited{color:blue;}#menulia:hover{font:31px黑体;}#menulia:active{font:41px隶书;}#menuli{list-style:none;float:left;}/style/HEADBODYdivid=menuulliahref=http:\\日用百货/a/li/ul/div/BODY完毕