搜索
1.HTML简介HTML：超文本标记语言，网页语言。超文本标记语言：超过文本范畴。标记：HTML所有操作都是通过标签实现。标签就是标记。标签HTML后缀.htm或者.html。HTML规范：开始html结束/html。成对浮现。特殊标签单个浮现br/换行。内容：1.head设立有关内容/headtitle标题/title2.body显示在页面上内容/body3.标签成对浮现head/head4.标签不区别大小写。5.有些标签没有结束标签，在标签内结束，hr/水平线。HTML核心思想（*****）网页诸多数据，不同数据需要显示效果不同样，这个时候需要使用标签把要操作数据（包装起来），通过修改标签属性值实现标签数据样式变化。一种标签相称于一种容器，想要修改容器内样式，只需要变化容器属性值，就可以实现容器内数据样式变化。HTML最惯用标签2.文字标签和注释标签*文字标签：修改文字样式-font/font属性size:文字大小范畴1-7超过默以为7。color：文字颜色两种表达：1.英文单词：redgreen。2.使用16进制表达#ffffff*注释标签：!--html注释--。3.标题标签，水平线标签和特殊字符标题标签：大小依次变小自动换行h1/h1h2/h2……水平线标签：hr/属性：**Size:水平线粗细**Color:颜色代码hrsize=”5”color=”blue”/br/br/换2行。特殊字符：:<；:>；空格： ；&：&4.列表标签展示效果dl传智播客dt传智播客/dt财务部dd财务部/dd学工部dd学工部/dd人事部dd人事部/dd/dl***dl/dl:表达列表范畴***dt/dt:表达上层内容***dd/dd:表达下层内容***dd/dd:表达下层内容***………………………………………..****ol/ol:有序列表范畴属性type:设立排序方式1（默认）ai。**在ol标签里面li详细内容/li代码：olli财务部/lili学工部/lili人事部/li/ol****ul/ul:有序列表范畴属性type：实心圆circle空心圆disc实心方块square,默认disc5、图像标签（******）imgsrc=”图片途径”width=””height=””alt=”图片上显示文字”/--src:图片途径--width:图片宽度–height：图片高度–alt：图片上显示文字。6、途径简介**绝对途径：完整途径。**相对途径：一种文献相对于类外一种文献位置。**html文献和图片在同一种途径下，直接把名字写在途径下。**图片在html下一层途径，把背面途径拿过来用。**图片在html上一层途径，../加上图片名字。../../表达上2层途径。7、案例联系*pre原样输出标签/pre8、超链接标签（*****）***链接资源ahref=”链接到资源途径”顶部/ahref：链接资源地址，里面如果是空链接时”#”表达。target:设立目的打开方式，默认在当前页打开。_blank：在新页面打开。_self：在当前页面打开。***定位资源***如果想定位资源：定义一种位置aname=”top”顶部/a**回到这个位置ahref=”#top”回到顶部/a9、表格标签（*****重要很******）table表格范畴属性：border=”1”bordercolor=”blue”cellspacing=”0”width=”40”height=”40”.border:表格线bordercolor:表格线颜色cellspacing:单元格之间距离。tralign=”left”表达行/trtd在行标签里面表达行里面单元格/td在tr和td标签下属性：显示方式align：leftcenterright***th表格实现居中加粗标签/th***表格标题写着table里面***caption表格标题标签/captiontr***表达几行。td/td***表达每行单元格。td/tdtd/td/tr/table表格技巧：先数有几行有几行就有几种tr/tr，在数每行有多少个单元格td/td。**合并单元格跨行:rowspan=”几行”跨列:colspan=”几列”10、表单标签form表达定义一种表单范畴/form******form里面属性***action=”途径”数据跳到页面。***method=”祈求方式”有如下2种。1.get和post,默认是get。2.get祈求携带提交数据，安全性低，数据大小有限制。Post相反。*****enctype:做文献上传需要设立这个属性。**输入项：可以输入内容和选取内容某些。必要加一种name属性。必要有一种value属性值--大某些输入项使用inputtype=”输入项类型”/***普通输入项：inputtype=”text”/br/***密码输入项：inputtype=”password”/br/***单选输入项：inputtype=”radio”/br/***文献输入项：inputtype=”file”/上传用。---在里面加属性：name=””---Name属性值一定要同样**实现默认选项checked=”checked”放在想选取属性上。***多选输入项：inputtype=”checkbox”/br/---在里面加属性：name=””---Name属性值一定要同样----必要有一种value属性值。必要加一种name属性。***下拉输入项（不是在input标签里面）。selectname=”birth”name=”mingzi”optionvalue=”1992”1992selected=”selected”/optionoptionvalue=”1993”1993/optionoptionvalue=”1993”1993/option/select**实现默认选项selected=”selected”放在想选取属性上***文本域textareacols=”20”rows=”10”/textarea***隐藏项（代码中有而在页面上不会显示）inputtype=”hidden”/***提交按钮inputtype=”submit”value=”按钮上字”/?输入项name值=输入值***参数类似于key=value形式.***图片提交按钮：inputtype=”image“src=”图片途径”/***选项**重置按钮(回到输入项初始状态)inputtype=”reset”value=”按钮上字”/**普通按钮inputtype=”button”value=”按钮上字”/11、案例：使用表单来实现注册页面。-------使用表格实现页面效果。-------超链接不想要她有成果href=”#”-------如果表格里面单元格没有内容，使用空格作为占位符&nasp;-------使用图片提交表单inputtype=”image”src=”图片途径”/。12、html中其她惯用标签使用b：加粗s：删除线u：下划线i：斜体pre:原样输出sub:下标sup:上标div:自动换行显示块span:不会自动换行在一行显示块p:段落标签比br标签多换一行。13、html头标签使用*html两某些构成head和body**在head里面标签是头标签**title:表达游览器显示内容。**meta:设立页面上某些内容。metaname=”keywords”content=”毕姥爷，熊出没，刘翔”**content:内容意思。metahttp-equiv=”refresh”content=”3”;url=”绝对定位地址”/refresh:刷新背面3表达内容刷新时间为3秒.**base标签：设立超链接基本设立basetarget=”_blank”/**link标签：引入外部文献**明天css，可以使用link标签引入css文献。14、框架标签使用*frameset--row:按照行进行划分***framesetrows=”80,*”-cols:按照列划分***framesetcols=”80,*”*frame-详细显示页面---framename=”lower_left”src=”页面目录途径”***使用框架标签时候，不能写在body里面，使用框架标签，需要把body去掉。例子：framesetrows=”80,*”//把页面划提成上下2某些framename=”top”src=”页面途径”//上面页面framesetcols=”180,*”//把下面页面划提成左右2某些。framename=”lower_left”src=”页面途径”//左边页面framename=”lower_right”src=”页面途径”//右边页面/frameset/frameset**如果在左边页面设立超链接，让内容显示在右边页面中设立超链接里面属性，target值成名称ahref=”页面地址”target=”right”超链接1/a15、a标签扩展-百度是网络资源-当a标签里面访问网路资源时候，必要要家一种合同http:表达一种网路公共合同。-如果加上http合同之后，自动辨认访问资源是一种网络资源。-当浏览器里面找到有关合同，一方面看这个合同是不是公共合同http。-如果不是公共合同，回去本地电脑支持这个合同应用程序。1、css简介**css:层叠样式表**层叠：一层一层***样式表：诸多属性和属性值*使页面显示效果更好*css将页面内容和显示样式进行分离，提高了显示功能。2、css和html结合方式（4种结合方式）*.在每个html标签上面均有一种属性style，把css和html结合在一起。---divstyle=”background-color:red;color:green;”----标签style=”属性:属性值；属性:属性值；属性:属性值;”**.使用html一种标签实现style标签，写在head/head里面。*styletype=”text/css”css代码;/style**styletype=”text/css”div{background-color:blue;color:red;}/style***.在style标签里面使用语句（在某些浏览器下不起作用）@importurl(css文献途径)；-----第一步，创立一种css文献styletype=”text/css”@improturl(div.css);/style****.使用头标签link，引入外部css文献第一步，创立一种css文献-linkrel=”stylesheet”type=”text/css”href=”css文献途径”/****第三种结合方式，缺陷：在某些浏览器下不起作用，普通使用第四种方式。****优先级（普通状况）由上到下，由外到内，优先级由低到高。***后加载优先级高。***格式选取器名称{属性名:属性值;属性名:属性值;........}3、css基本选取器（3种）*****要对哪个标签里面数据进行操作A:标签选取器*使用标签名作为选取器名称div{background-color:gray;color:white;}B:class选取器*每个html标签均有一种属性class-divclass=”haha”