html网页的设计总结.doc
文本预览下载声明
目录
1 第一章 3
1.1 第一节 3
1.1.1 第一课 认识HTML 3
1.1.2 第二课 段落及超链接 4
1.1.3 第三课 设置背景图及图片 6
1.1.4 第四课 表格 6
1.1.5 第五课 hr属性、滚动字符、列表 8
1.2 第二节 10
1.2.1 第一课 表单 10
1.2.2 第二课按钮及下拉框 11
1.2.3 第三课 框架,标签iframe 13
1.2.4 第四课背景音乐,多媒体 14
1.3 第三节css 15
1.3.1 第一课 了解css 15
1.3.2 第二课 属性 15
1.3.3 第三课 样式表的三类应用方式 17
第一章
第一节
第一课 认识HTML
html:超文本标记语言
网页又称WEB页面
html:包括文字,表格,图片,声音,视频.以及各种功能按钮
首页:进入一个网站第一个显示的页面
网页的格式是国际标准组织定义的叫做W3C.具体标准是HTML,标记语言格式
标记的基本语法:标记名称/标记名称
新建一个网页:先新建文本文档,然后把后缀名改成“***.html”即可
html文件的后缀名:***.html或***.htm
用html语言编写的文档就是html文档,也常被称为“静态网页”文件
html标记语言规定:(1)html标签必须是成对出现html/html
(2)html标签不区分大小写
9.常用标签
b加粗 i斜体u下划线br换行 sup下标sub上标
hr水平线hn标题
10.font字体标签
font color=“”字体内容/font
Face:字体的风格 size:设置字体的大小
11.当开始标签与结束标签中间有内容时使用
标签名内容/标签名
当开始标签与结束标签中间没有内容时使用标签名 /
例:br /
第二课 段落及超链接
1.p段落标签
多个段落之间会自动换行,并且每个段落中间会空一行。
span行级层标签:
多个span之间没有换行。
div块级层标签:
多个div之间会自动换行,但是没有空行。
pre预格式化段落标签:
在代码写的内容,在显示时完全相同。
2.特殊符号的处理:
空格: nbsp;
: lt;
: gt;
3.属性:
对标签的描述称为属性。
属性的说法:
属性的名称=值
属性所写的位置:要写到开始标签的里面,每个属性之间用空格隔开。
4.body标签的属性
bgcolor:设置背景色
text:设置文字的颜色
5.超链接
链接分类:
外部链接:在多个页面之间使用的效果
内部链接(锚链接):只能在一个页面中的链接
邮件链接:点击一个地址,可以快速的写邮件。
6.链接的标签:
a标签:
a href=跳转页面的地址在点击的文字/a
7.绝对路径 和相对路径
绝对路径:在链接地址中带有盘符的路径称为绝对路径
相对路径:相对于某一个文件夹的路径称为相对路径
8.邮件链接
a href=mailto:邮件地址文字/a
内部链接
a name=“标签a”书签内容/a
a href=“#标签a”单击此处使浏览器调到“标签a”/a
第三课 设置背景图及图片
1.dw的运行网页的快捷键:f12
2.设置网页的背景图片的属性:background
body background=图片路径
当路径中出现../时,代表是上一级的信息
3.在网页中添加图片
img src=图片路径 width=***px height=***px border= alt=图片不存在时,显示的文字
解释:
src:图片的路径
width:宽度
height:高度
border:边框的大小(0代表无边框)
alt:图片不存在时,显示的文字
第四课 表格
1.表格标签:
table 表格标签
tr代表行的标签
td代表列的标签
th使文字加粗并且居中
解释:
tr设置行的背景色:bgcolor
tr bgcolor=#112200
td设置列的背景色:bgcolor
td bgcolor=#112200
设置行的边框颜色:bordercolor
tr bordercolor=#114400
2.表格的合并
行合并:在不同行中单元格的合并称为行合并
列合并:在同一行中单元格的合并称为列合并
3.列合并单元格的属性:colspan
行合并单元格的属性:rowspan
4.表格中线的宽度属性:cellspacing
这个属性必须写到table标签
显示全部