无属性值
注意:
标记可以嵌套,但不可交叉
属性:
标记属性。
如:
线条的粗细、对齐方式等;
属性语法:
<标记名字属性1属性2…….>
如:
4.3文件命名
1)文件扩展名:
.htm或者.html
2)名称:
英文字母、数字、下划线
3)不能包含特殊符号:
如空格、$等
4)区分大小写;
5)首页文件默认:
index.html或index.htm
4.4注意事项
作业:
1、课本中习题全部测试一遍;
2、P22课后作业;
3、上传资料
4、布置日志
了解htm的发展,标准;
多个浏览器环境
了解Html文件的结构;
文件名字
Html标签:
内容
Css:
修饰
Javascript:
动态
第二天提纲:
常用标签(涉及第三、四章)
第一、二、三节课
HTML文件的整体结构(简单概述一下,前面已经提到),马上进入最常用的控制标记使用
(1).跳行
格式:
无属性设置
(2).段落
格式:
属性名称属性值说明
Align
Left往左靠(默认)
center往中靠
right往右靠
(3).水平直线
格式:
属性名称属性值说明
size像素绝对设置,以数字表示,属性值越大,线越粗
百分比相对设置,以%表示,属性值越大,线越粗
width像素绝对设置,长度不会应视窗的改变而改变
百分比相对设置,长度会随着视窗宽度而改变
noshade实体线
(4).向中对齐
格式:
(5).背景色与文字设置
格式:
整体页面的边距,行距
(6).标题文字设置
格式:
(7).特殊字符设置
格式:
>gt;> && “quot;" (8).HTML注释 格式: --…--> —这里是HTML课堂-->网页不显示,清晰解释源代码 (9).实体字符控制标记 1.…粗 2.…斜 3. 4.…下划 5.…电报 6.…下标X2 7.…上标O2 (10).语意字符控制 1.…删
2.…大字
3.…删除
4....修改
5.
6.…加强语气(加粗)
7....加强语气(倾斜)
(11).字体控制(被废弃的标签)
格式:
…
属性名称属性值说明
size0-7字体大小超过该值的无法表示用CSS来补充
color英文或十六颜色
face字体字体最好不要用,防止别人没有该字体
(12).格式化
格式:
…
让书写的文字保持原始格式显示到浏览器页面上!
(13).引用文本
格式:
...
属性名称属性值说明
citeurl被引用的地址
放到标签里面,实现两边缩进,单独应用无作用
文字
文字
文字
使用属性表示引用来自于什么地方
文字
文字
第四节课练习与作业安排
课后练习
第三天提纲:
常用标签(涉及第五、六章)
第一、二、三节课建立和使用列表
列表类型:
dl、ul、dir、menu、ol
插入定义列表:
dl
格式:
功能:
插入无序列表:
ul
格式
功能:
属性名称属性值说明
typedise实心圆(默认值)
circle空心圆
square实心方块
插入有序列表:
ol
格式
功能:
属性名称属性值说明
type1表示以1,2,3,4来表示
a表示以a,b,c,d来表示
A表示以A,B,C,D来表示
i表示以i,ii,iii来表示
I表示以I,II,III来表示嵌套列表案例
无序列表和有序列表的结合应用
格式:
.....
.....
下面的内容很少用,自己参照课本练习
插入目录列表:
dir
例如:
插入菜单列表:
menu
例如:
第四节课超链接
链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的页面,这些功能都是通过链接来实现的,链接的建立很简单,但是掌握链接的原理对网页制作至关重要。
URL:
统一资源定位符
组成:
协议主机文件
有些情况下可能涉及到端口
:
8080/index.html
4.1超链接的基本格式
格式:
scheme:
//host[:
post]/path/filename
scheme指的是http,ftp,file,mailto,news,gopher,telnet七种
host指的是IP地址或计算机名称
post指的是服务器端口
path指的是文件路径
filename指的是文件名
//host[: post]/path/filename>… 4.2超链接的种类 一般常用的分为四种: 1.http 声明 2.file 声明 ///e/images/pic.jpg>图片 3.ftp 声明 //192.168.4.21/>进入 4.mailto bnbbs@>E-MAIL 4.3超链接的路径 相对路径: 相对于当前文件的路径(只处于站点文件夹之内都可以访问到) 1.index.htm 2.page/index.htm 3.page/top/index.htm 4.../index.htm 5.../../index.htm 6.../page/index.htm 绝对路径: 文件的完整路径,包括文件的传输协议,一般用于网站的外部链接; ftp: //219.153.41.160 根路径: 适合内部链接,一般不使用 /download/index.html 4.4书签的链接 属性名称属性值说明 name字符串设置超链接的标记 基本格式: 瞄点 链接点 链接到别的网页的书签项目: 基本格式: 瞄点 链接点 4.5基准参考点 基本格式: \”> 4.6超链接事件 LINK颜色的设置 基本格式: link超链接尚被选中的文字 alink超链接点选但未被放开的颜色 vlink超链接已被点选过的颜色 4.7图片链接 图像映射: 建议使用Dreamweaver工具做辅助 选学(或自学) 4.8为链接创建键盘快捷键 accesskey= copyright@ 2008-2022 冰豆网网站版权所有 经营许可证编号:鄂ICP备2022015515号-1