版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、HTML超文本标记语言,一种规范预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点)标记的使用1、标记一般成对出现,包含开始标记和结束标记2、标记可以嵌套使用,但是不能交叉使用3、标记不区分大小写属性的使用(属性控制内容的格式,额外的格式)1、书写位置在开始标记中2、格式:属性名=“属性值”,多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时,效果叠加,属性冲突时,就近原则html的基本结构-声明网页vheadA-网页的头部信息标题 -网页的标题-网页的主体,网页内
2、容主要展示的部分网页的主要内容二. 文本格式的应用1、标题标记,n的取值1 -6,1级标题最大效果:加粗显示,带有自动换行属性:align控制标题的对齐方式,取值left (左对齐,默认值)| center (居中)| right (右对齐)2、段落标记效果:把内容分段展示,自动换行属性:align,控制段落内容的对齐方式,取值left (左对齐,默认值)|center (居中) |right (右对齐)3、换行符 ,单标记,不需要结束标记,换行但不分段空格符号:  ;表示一个空格 强制换行符 : 4、水平线标记 ,单标记效果:水平线,默认是一个粗细为 2px (像素)的线条 属性:
3、size 控制水平线的粗细,取值为整数,单位为像素(px)width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于 浏览器窗口百分比)noshade 设置水平线不带有阴影,该属性不需要取值 color 设置水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的 颜色代码align 控制水平线的对齐方式, 取值 left( 左对齐 )|center( 居中,默认值) |right (右对齐)5、分节标记 效果:把内容设置为一节,前后带有自动换行属性:align控制div中内容的对齐方式,取值 left (左对齐,默认值)|center (居 中)| right (右对齐)6、居
4、中标记符 效果:把 center 标记中的内容居中显示7、文本控制标记 效果:控制字体的各种显示样式属性: size 控制字体的大小,取值为绝对值时,1-7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在 -2-+4 之间color 控制字体的颜色 face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值 时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示8、字体的物理样式 加粗: 斜体: 下划线: 删除线: 上标: 下标: 1、常用逻辑字符 网页设计者或维护者的信息,通常显示为斜体 表示文本属于引用,通常显示为斜体表示程序代码,通常显示为固定
5、宽度字体表示定义了的术语,通常显示为黑体或斜体强调某些字词,通常显示为斜体表用户的键盘输入,通常显示为固定宽度字体表示文本样本,通常显示为固定宽度字体 特别强调某些字词,通常显示为粗体 表示变量,通常显示为斜体2、列表标记1、有序列表, ,需要配合 标记使用一个标记对应一个选项ol 的属性: type 控制列表的符号样式,取值 1|A|a|i|I ,默认是 1 start 控制列表的起始值,取值为任意的整数li 的属性: type 控制选项自身的符号样式,取值 1|A|a|i|I value 控制选项本身的起始值, 取值为任意整数, 但是修改自身起始值之后, 会对同一个列表中本选项之后的同级标
6、记产生影响2、无序列表,配合标记使用一个标记对应一个选项ul的属性:type控制所有选项的符号样式,取值disc (实心圆,默认值)|circle (空心圆)|square (方块)li 的属性: type 控制选项本身的符号样式li 标记用在 ol 中, type 属性的取值跟 ol 的 type 属性取值走,用在 ul 中,跟着 ul 的 type 属性取值走3、定义列表,Vdl,完成对定义列表的声明,术语标记,可以理解为类似于列表选项的标题使用,描述标记,可以理解为类似于列表的选项使用三. 在网页中使用图片标记:,单标记,不需要结束标记属性: src 引入图片资源的路径绝对路径: 资源在
7、服务器上的位置,该位置是从盘符出发相对路径: 资源在服务器上的相对位置,从网页本身出发返回上一层文件夹width 控制显示图片的宽度,取值为像素或者百分数height 控制显示图片的高度,取值为像素或者是百分数只设置宽度或高度时,图片保持等比缩放,同时设置时,同时生效border 控制显示图片的边框,取值为像素,默认不显示边框hspace 控制显示图片水平方向上的空白,取值为像素vspace 控制显示图片垂直方向上的空白,取值为像素align 控制图片和周围文本的对齐方式垂直方向上 :top 文本和图片顶部对齐bottom 文本底部和图片底部对齐middle 文本的底部和图片的中部对齐absm
8、iddle 绝对中间对齐,文本的中部和图片的中部对齐水平方向上: left 图片在左,文本在右right 文本在左,图片在右图片的对齐方式:借助或者vp四 . 在网页中使用超链接4、超链接标记:v/a,通过链接跳转到新的资源属性: href 链接的目标资源的路径链接外部资源时,一定是绝对路径,并且需要在路径前加上【http:/ 】 这个网 络通信协议target 指定超链接的打开方式, _self 在自身的页面打开超链接 (默认的打 开方式 ), _blank 重新打开一个新的浏览器窗口建立锚点(书签)内部书签1、 设置锚点的名称例如:va name二锚点名.2、使用超链接完成跳转 例如:a
9、href=#锚点名外部书签1、 设置锚点的名称例如:a name二锚点名2、使用超链接完成跳转 例如:.v/a超链接发送电子邮件,格式发送邮件2、链接多媒体五. 表格的应用表格的结构vtable-声明表格vcaption.v/caption-表格的标题vtr表格的行vtd . . . . v/td -表格的列v/trvtr表格的行vtd . . . . v/td -表格的列table标记,定义表格,所有表格的内容书写在table开始和/table结束标记之间属性: frame 控制表格最外层的四个边框 取值: void 默认值,不显示边框 above 仅显示上边框 below 仅显示下边框 h
10、sides 显示上下边框 vsides 显示左右边框 lhs 仅显示左边框 rhs 仅显示右边框 box、 border 显示四个边框 rules 控制表格内部分割线 取值: none 默认值,不显示 rows 显示行分割线 cols 显示列分割线 all 显示所有分割线bordercolor 控制边框的颜色border 控制表格的所有边框,取值为像素为像素cellspacing 控制单元格与单元格之间的空白,取值为像素 cellpadding 控制单元格内容和单元格边框之间的空白,取值width 设置单元格的宽度,取值为像素或者百分数height 设置单元格的高度,取值为像素或者百分数ali
11、g n 控制表格的对齐方式,取值 left(默认值)|cen ter|rightbgcolor 设置表格的背景色 background 设置表格的背景图 当背景色和背景图同时设定时,优先使用背景图caption表格的标题,必须书写在table之间属性:align 控制表格标题的位置,取值 top(标题在表格的顶部)| bottom (标题在表格的底部) 定义表格的行属性: align 控制整行单元格内容的水平对齐方式,取值 left (默认值,缺 省值) | center|rightvalign 控制整行单元格内容的垂直对齐方式, 取值 top|middle (默认值) | bottom he
12、ight 设置行的高度,取值为像素bgcolor 设置行的背景色background 设置行的背景图 bordercolor 设置行的边框颜色 列标记列标题标记都可以作为列使用, vth列标题标记,内容有加粗显示的效果,并且带有自动居中属性: align 控制单元格内容的水平方向对齐方式,取值 left|center|rightvalign控制单元格内容的垂直方向对齐方式,取值top|middle (默认值) |bottomheight 设置单元格的高度, 取值以像素为单位, 当同一行中不同的单元格设 置的高度也不相同时,整行的高度取值按最大值来width 设置单元格的宽度,取值以像素为单位,
13、当同一列中不同行的单元格 设置的宽度不相同时,整列的宽度取值按最大值来bgcolor 设置单元格的背景色 bakground 设置单元格的背景图rowspan 合并行 colspan 合并列 合并行和合并列的取值都是整数,合并几个单元格取值就是几六 . 框架的应用1、框架框架集标记vframeset,在原有的 html结构基础上,vframeset替换了vbody 的位置,换句话说, vframeset禾口 vbody 不能共存,只能出现一个属性:rows设置横向框架的数量和高度, 框架的数量取决于rows属性的取值 个数,每个框架的高度取决于值的大小cols 设置纵向框架的数量和宽度,框架的
14、数量取决于 cols 属性的 取值个数,每个框架的宽度取决于值的大小rows和cols的取值方式1、像素值2、百分数3、比例取值rows 和 cols 取值,可以有多个值,值与值之间使用逗号分割,并且不能有空格格,cols和rows属性一般不同时设定,要想实现页面的纵向和横向分割,可以使用框架的嵌套来实现frameborder 使用在 frameset 中,可以控制框架集下的所有框架边框是否 显示框架标记 frame /,单标记属性: src 引入目标资源的路径name 给框架起名字,需要配合超链接的 target 属性来使用,达到链接目标框架的目的frameborder 控制框架的边框是否显
15、示, 0 表示不显示 ,1 显示默认的3D 边框scrolling 控制框架是否加入滚动条,取值yes(加入滚动条,需要时加入)| no (不加入滚动条 )| auto (需要时加入滚动条,默认值 )noresize 固定框架的边框,该属性不需要取值marginheight 在框架中显示内容时,控制内容和框架上下边框之间的空 白,取值以像素为单位,以上边框为准marginwidth 在框架中显示内容时,控制内容和框架左右边框之间的空 白,取值以像素为单位,以左边框为准 当浏览器不支持框架时,显示的替换内容,必须包含一对标记使用七、表单的应用表单1表单标记,表单不能嵌套使用,所有表单的内容必须书
16、写在表单的开始标记和结束标记之间表单结构:input type=input type=input type=input type=input type=input type=码输入框” checkbo复选框格式” radio ” name单选S框格式” subn提交的格式” resit置格式” buttoH定义格式下拉菜单格式 汉族 v/optio nvoptio n 满族 v/optio nvopti on 壮族 v/opti onvoption 土家族 v/optionv/selectvtextarea cols=50 rows=4 请多多指教 多行文本 v/textareav/form表单域 vinput 不同功能的表单域 type 属性的取值不同 属性 :type 控制表单域的功能 取值 text 单行文本 password 密码输入框 checkbox 复选框 radio 单选按钮要实现单选, 还要在后面加上一样的名字, 例: vinput type= ” radio ” name= ” ” submit 提交 reset 重置 button 自定义按钮 value 属性使用在提交、重置、自定定义按钮中,可以改变按钮的默认值 value 属性
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- DB12-T 1113-2021 河湖长制工作规范
- 山东省青岛市(2024年-2025年小学五年级语文)人教版随堂测试((上下)学期)试卷及答案
- 2024年PCM脉码调制终端设备项目资金需求报告代可行性研究报告
- 2024-2025学年重庆乌江新高考协作体高三上学期二调化学试题及答案
- 幼儿园教师信息化培训
- 高中化学《化学平衡》说课稿
- 人教版三年级语文上册教案
- s版一年级语文下册教案全册
- DB11T 1103-2014 泡沫玻璃板建筑保温工程施工技术规程
- 搁物架家具市场发展预测和趋势分析
- 14孔子论孝教案-蓝色
- 2024年全国职业院校技能大赛中职组(婴幼儿保育赛项)省赛考试题库(含答案)
- 中国记者日介绍主题班会 课件
- 光伏发电项目试验检测计划
- 会计领军人才笔试题库及答案
- 人教版九年级上册数学期中考试试卷有答案
- 洗浴搓澡承包合同书(2篇)
- 《中小型无人驾驶航空器垂直起降场技术要求》编制说明
- DBJ46-064-2023 海南省绿色建筑评价标准(民用建筑篇)
- 农村网格员个人述职报告
- 2024年全国财会知识竞赛考试题库(浓缩500题)
评论
0/150
提交评论