还剩17页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
HTML超文本标记语言,一种规范预定义,已经定义好的各种标记,只须要我们把对应的标记放到合适的位置一.HTML基本语法与基本结构(重点)标记的运用
1、标记一般成对出现,包含起先标记和结束标记
2、标记可以嵌套运用,但是不能交叉运用
3、标记不区分大小写属性的运用(属性限制内容的格式,额外的格式)
1、书写位置在起先标记中
2、格式属性名=属性值”,多个属性之间运用空格分割
3、不同的标记属性可能相同也可能不同
4、属性运用的标记中,只能对本标中的内容记产生影响
5、属性不冲突时,效果叠加,属性冲突时,就近原则/trtr—表格的行td.../td—表格的列/tr/tablevtable标记,定义表格,全部表格的内容书写在〈table〉起先和/table〉结束标记之间属性frame限制表格最外层的四个边框取值void默认值,不显示边框above仅显示上边框below仅显示下边框hsides显示上下边框vsides显示左右边框lhs仅显示左边框rhs仅显示右边框box、border显示四个边框rules限制表格内部分割线取值none默认值,不显示rows显示行分割线cols显示列分割线all显示全部分割线bordercolor限制边框的颜色border限制表格的全部边框,取值为像素cellspacing限制单元格与单兀格之间的空白,取值为像素ceUpadding限制单元格内容和单元格边框之间的空白,取值为像素width设置单元格的宽度,取值为像素或者百分数height设置单元格的高度,取值为像素或者百分数align限制表格的对齐方式,取值left(默认值)|center|rightbgcolor设置表格的背景色background设置表格的背景图当背景色和背景图同时设定时,优先运用背景图<caption>表格的标题,必需书写在<table>之间属性align限制表格标题的位置,取值top(标题在表格的顶部)|bottom(标题在表格的底部)<tr>定义表格的行属性align限制整行单元格内容的水平对齐方式,取值left(默认值,缺省值)Icenter|rightvalign限制整行单元格内容的垂直对齐方式,取值top|middle(默认值)|bottomheight设置行的高度,取值为像素bgcolor设置行的背景色background设置行的背景图bordercolor设置行的边框颜色<td>列标记<th>列标题标记都可以作为列运用,<th>列标题标记,内容有加粗显示的效果,并且带有自动居中属性align限制单元格内容的水平方向对齐方式,取值left|center|rightvalign限制单元格内容的垂直方向对齐方式,取值top|middle(默认值)|bottomheight设置单元格的高度,取值以像素为单位,当同一行中不同的单元格设置的高度也不相同时,整行的高度取值按最大值来width设置单元格的宽度,取值以像素为单位,当同一列中不同行的单元格设置的宽度不相同时,整列的宽度取值按最大值来bgcolor设置单元格的背景色bakground设置单元格的背景图rowspan合并行colspan合并列合并行和合并列的取值都是整数,合并几个单元格取值就是几六.框架的应用
1、框架框架集标记<frameset>在原有的html结构基础上,<frameset>替换了<body>的位置,换句话说,<frameset>和<body>不能共存,只能出现一个属性rows设置横向框架的数量和高度,框架的数量取决于rows属性的取值个数,每个框架的高度取决于值的大小cols设置纵向框架的数量和宽度,框架的数量取决于cols属性的取值个数,每个框架的宽度取决于值的大小rows和cols的取值方式
1、像素值
2、百分数
3、比例取值rows和cols取值,可以有多个值,值与值之间运用逗号分割,并且不能有空格格,cols和rows属性一般不同时设定,要想实现页面的纵向和横向分割,可以运用框架的嵌套来实现frameborder运用在frameset中,可以限制框架集下的全部框架边框是否显示框架标记〈frame/单标记属性src引入目标资源的路径name给框架起名字,须要协作超链接的target属性来运用达到链接目标框架的目的frameborder限制框架的边框是否显示,0表示不显示,1显示默认的3D边框scrolling限制框架是否加入滚动条,取值yes(加入滚动条须要时加入)Ino(不加入滚动条)Iauto(须要时加入滚动条,默认值)noresize固定框架的边框,该属性不须要取值marginheight在框架中显示内容时,限制内容和框架上下边框之间的空白,取值以像素为单位,以上边框为准marginwidth在框架中显示内容时,限制内容和框架左右边框之间的空白,取值以像素为单位,以左边框为准vnoframes>当阅读器不支持框架时,显示的替换内容,必需包含——对〈body>标记运用
七、表单的应用表单L表单标记vfom>表单不能嵌套运用,全部表单的内容必需书写在表单的起先标记和结束标记之间表单结构:forminputtype=radio”name=sex”单选框格式inputtype=submit”提交的格式inputtype=reset”重置格式inputtype=button”自定义格式select下拉菜单格式〈option〉汉族〈/option〉〈option〉满族v/optionvoption壮族v/optionvoption土家族v/option/selecttextareacols=50rows=4请多多指教多行文本/textarea/form表单域input不同功能的表单域type属性的取值不同属性type限制表单域的功能取值text单行文本password密码输入框checkbox复选框radio单选按钮要实现单选,还要在后面加上一样的名字,例〈inputtype=radioname=””submit提交reset重置button自定义按钮value属性运用在提交、重置、自定定义按钮中,可以变更按钮的默认值value属性运用在单行文本和密码框中,添加默认值maxlength属性运用在单行文本和密码框中,限制输入的最大字符数,取值为整数checked=checked”运用在复选框和单选框中,表示该选项默认被选中select..../select菜单里有多个选项,一般用于选择年.月.日属性1〈option…v/option〉,一对option代表一个下拉选项属性2select..../select一对select代表一个下拉菜单多行文本textarea/textarea成对出现属性cols=.…cols取值为整数,限制每行的最多内容Rows=…”rows取值为整数,限制多行文本的行数html的基本结构html声明网页head——网页的头部信息title〉标题/title〉——网页的标题/headbody——网页的主体,网页内容主要展示的部分网页的主要内容/body/html二.文本格式的应用
1、标题标记hnn的取值1-61级标题最大效果加粗显示,带有自动换行属性align限制标题的对齐方式,取值left(左对齐,默认值)Icenter(居中)〔right(右对齐)
2、段落标记p效果把内容分段展示,自动换行属性aHgn限制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)〔right(右对齐)
3、换行符br/单标记,不须要结束标记,换行但不分段空格符号nbsp;表示一个空格强制换行符br/
4、水平线标记HR/单标记效果水平线,默认是一个粗细为2Px(像素)的线条属性size限制水平线的粗细,取值为整数,单位为像素(px)width限制水平线的长度,取值可以是像素单位,也可以是百分数(相对于阅读器窗口百分比)noshade设置水平线不带有阴影,该属性不须要取值color设置水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码align限制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)Iright(右对齐)
5、分节标记div效果把内容设置为一节,前后带有自动换行属性align限制div中内容的对齐方式,取值left(左对齐,默认值)[center(居中)|right(右对齐)
6、居中标记符〈center〉效果把center标记中的内容居中显示
7、文本限制标记vfont效果限制字体的各种显示样式属性size限制字体的大小,取值为确定值时,1-7数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2--+4之间color限制字体的颜色face限制字体的字体,取值可以是多个值,多个值之间运用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持运用默认格式显示
8、字体的物理样式加粗:bi下划线中除线s上标<sup>下标<sub>
1、常用逻辑字符<ADDRESS>网页设计者或维护者的信息,通常显示为斜体CITE表示文本属于引用,通常显示为斜体CODE表示程序代码,通常显示为固定宽度字体DFN表示定义了的术语,通常显示为黑体或斜体EM强调某些字词,通常显示为斜体KBD表用户的键盘输入,通常显示为固定宽度字体SAMP表示文本样本,通常显示为固定宽度字体STRONG特别强调某些字词,通常显示为粗体VAR表示变量,通常显示为斜体
2、列表标记
1、有序列表<ol>须要协作<li>标记运用一个vli>标记对应一个选项O1的属性type限制列表的符号样式,取值l|A|a|i|I默认是1start限制列表的起始值,取值为随意的整数H的属性type限制选项自身的符号样式,取值l|A|a|i|Ivalue限制选项本身的起始值,取值为随意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li>标记产生影响
2、无序列表,<ul>协作<li>标记运用一个<li>标记对应一个选项ul的属性type限制全部选项的符号样式,取值disc(实心圆默认值)Icircle(空心圆)|square(方块)H的属性type限制选项本身的符号样式H标记用在1中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走
3、定义列表,<dl>完成对定义列表的声明<dt>术语标记,可以理解为类似于列表选项的标题运用<dd>描述标记,可以理解为类似于列表的选项运用三.在网页中运用图片标记img单标记,不须要结束标记属性src引入图片资源的路径确定路径资源在服务器上的位置,该位置是从盘符动身相对路径资源在服务器上的相对位置,从网页本身动身•.\返回上一层文件夹width限制显示图片的宽度,取值为像素或者百分数height限制显示图片的高度,取值为像素或者是百分数只设置宽度或高度时,图片保持等比缩放,同时设置时,同时生效border限制显示图片的边框,取值为像素,默认不显示边框hspace限制显示图片水平方向上的空白,取值为像素vspace限制显示图片垂直方向上的空白,取值为像素align限制图片和四周文本的对齐方式垂直方向上top文本和图片顶部对齐bottom文本底部和图片底部对齐middle文本的底部和图片的中部对齐absmiddle确定中间对齐,文本的中部和图片的中部对齐水平方向上left图片在左,文本在右right文本在左,图片在右图片的对齐方式借助<div>或者<p>四.在网页中运用超链接
4、超链接标记通过链接跳转到新的资源属性href链接的目标资源的路径链接外部资源时,确定是确定路径,并且须要在路径前加上[//1这个网络通信协议target指定超链接的打开方式,_self在自身的页面打开超链接(默认的打开方式),.blank重新打开一个新的阅读器窗口建立锚点(书签)内部书签
1、设置锚点的名称例如vanamev铺点名”…v/a
2、运用超链接完成跳转例如vahref=#锚点名”…v/a外部书签
1、设置锚点的名称例如vaname=”锚点名”…v/a
2、运用超链接完成跳转例如ahref=锚点所在页面的路径#锚点名v/a超链接发送电子邮件,格式ahref=mailto:邮箱地址、发送邮件v/a
2、链接多媒体五.表格的应用表格的结构table---声明表格caption…v/caption〉---表格的标题tr表格的行td.../td—表格的列。