1、HTML 超文本标记语言,一种规范 预定义,已经定义好的各种标记,只需要我们把相应的标记放到合适的位置 一. HTML基本语法与基本结构(重点) 标记的使用 1、标记一般成对出现,包含开始标记和结束标记 2、标记可以嵌套使用,但是不能交叉使用 3、标记不区分大小写 属性的使用(属性控制内容的格式,额外的格式) 1、书写位置在开始标记中 2、格式:属性名=“属性值”,多个属性之间使用空格分割 3、不同的标记属性也许相同也也许不同 4、属性使用的标记中,只能对本标中的内容记产生影响 5、属性不冲突时,效果叠加,属性
2、冲突时,就近原则 html的基本结构 ----声明网页
----网页的头部信息3、ht(右对齐) 2、段落标记
效果:把内容分段展示,自动换行
属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)
3、换行符
,单标记,不需要结束标记,换行但不分段
空格符号: 表达一个空格
强制换行符:
4、水平线标记
4、于浏览器窗口比例) noshade 设立水平线不带有阴影,该属性不需要取值 color 设立水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码 align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐) 5、分节标记
5、7、文本控制标记
效果:控制字体的各种显示样式
属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2--+4之间
color 控制字体的颜色
face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示
8、字体的物理样式
加粗:
斜体:
下划线:
删除线: 6、DDRESS> 网页设计者或维护者的信息,通常显示为斜体
表达文本属于引用,通常显示为斜体
7、列表标记
1、有序列表,
上标:
下标:
1、常用逻辑字符
表达程序代码,通常显示为固定宽度字体
表达定义了的术语,通常显示为黑体或斜体
强调某些字词,通常显示为斜体
表用户的键盘输入,通常显示为固定宽度字体
表达文本样本,通常显示为固定宽度字体
特别强调某些字词,通常显示为粗体
表达变量,通常显示为斜体
2,需要配合
,配合
8、号样式,取值disc(实心圆,默认值)|circle(空心圆)|square(方块) li的属性:type 控制选项自身的符号样式 li标记用在ol中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走 3、定义列表,
9、符出发 相对途径:资源在服务器上的相对位置,从网页自身出发 ..\返回上一层文献夹 width 控制显示图片的宽度,取值为像素或者百分数 height 控制显示图片的高度,取值为像素或者是百分数 只设立宽度或高度时,图片保持等比缩放,同时设立时,同时生效 border 控制显示图片的边框,取值为像素,默认不显示边框 hspace 控制显示图片水平方向上的空白,取值为像素 vspace 控制显示图片垂直方向上的空白,取值为像素 align 控制图片和周边文本的对齐方式 垂直方向上:top 文本和图片顶部对齐
10、 bottom 文本底部和图片底部对齐 middle 文本的底部和图片的中部对齐 absmiddle 绝对中间对齐,文本的中部和图片的中部对齐 水平方向上:left 图片在左,文本在右 right 文本在左,图片在右 图片的对齐方式: 借助
四. 在网页中使用超链接 4、超链接 标记:...,通过链接跳转到新的资源 属性:href 链接的目的资源的途径 链接外部资源时,一定是绝对途径,并且需要在途径前加上【http://】这个网络通信协议
11、 target 指定超链接的打开方式,_self在自身的页面打开超链接(默认的打开方式),_blank重新打开一个新的浏览器窗口 建立锚点(书签) 内部书签 1、设立锚点的名称 例如:... 2、使用超链接完毕跳转 例如:... 外部书签 1、设立锚点的名称 例如:... 2、使用超链接完毕跳转 例如:... 超链接 发送电子邮件,格式发送邮件 2、链接多媒体 五. 表格的应用 表格的结构
| .... | ---表格的列 ....
| .... | ---表格的列 ....
14、 bordercolor 控制边框的颜色 border 控制表格的所有边框,取值为像素 cellspacing 控制单元格与单元格之间的空白,取值为像素 cellpadding 控制单元格内容和单元格边框之间的空白,取值为像素 width 设立单元格的宽度,取值为像素或者百分数 height 设立单元格的高度,取值为像素或者百分数 align 控制表格的对齐方式,取值left(默认值)|center|right bgcol
15、or 设立表格的背景色 background 设立表格的背景图 当背景色和背景图同时设定期,优先使用背景图
| 列标记 | 列标题标记 都可以作为列使用, | 列标题标记,内容有加粗显示的效果,并且带有自动居中
属性:align 控制单元格内容的水平方向对齐方式,取值left|center|right
valign 控制单元格内容的垂直方向对齐方式,取值top|middle(默认值)|bottom
height 设立单元格的高度,取值以像素为单位,当同一行中不同的单元格设立的高度也 17、不相同时,整行的高度取值按最大值来 width 设立单元格的宽度,取值以像素为单位,当同一列中不同行的单元格设立的宽度不相同时,整列的宽度取值按最大值来 bgcolor 设立单元格的背景色 bakground 设立单元格的背景图 rowspan 合并行 colspan 合并列 合并行和合并列的取值都是整数,合并几个单元格取值就是几 六. 框架的应用 1、框架 框架集标记 |
|---|