HTML语言简易入门教程Word文件下载.docx
- 文档编号:20951766
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:17
- 大小:23.36KB
HTML语言简易入门教程Word文件下载.docx
《HTML语言简易入门教程Word文件下载.docx》由会员分享,可在线阅读,更多相关《HTML语言简易入门教程Word文件下载.docx(17页珍藏版)》请在冰豆网上搜索。
和<
代表网页文件格式。
习惯上一个网站的首页名称通常订为index.htm或index.html这样只要浏览网站,浏览器便会自动的找出index.htm文件。
第二课字体
hn>
/hn>
标题,设定标题字体大小,n=1(大)~6(小)会自动跳下一行。
通常用在如章节、段落等标题上。
如:
h2>
标题<
/h2>
标题
h3align=center>
/h3>
(标题置中)
b>
/b>
粗体字。
粗体字<
粗体字
i>
/i>
斜体字。
斜体字<
斜体字
del>
/del>
横线(表示删除)。
横线<
tt>
/tt>
打字体(固定宽度文字)。
打字体<
打字体
sup>
/sup>
上标字。
字体<
上标字<
字体上标字
sub>
/sub>
下标字。
下标字<
字体下标字
!
...>
注解(不会显示在浏览器上),可以多行。
更新日期:
2000/1/1>
第三课表格
表格是html的一项非常重要功能,利用其多种属性能够设计出多样化的表格。
使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。
常用表格标记
table>
/table>
表格指令。
相关属性:
·
align调整
bgcolor背景颜色
border边框
height高度
width宽度
caption>
/caption>
表格标题。
align调整
tr>
/tr>
表格列(<
可省略)。
th>
/th>
表格栏标题(表头)粗体字(<
colspan栏宽
rowspan栏高
td>
/td>
表格栏资料(储存格)(<
width宽度
举例
(基础型)
tableborder=1align=center>
太平洋网络学院<
太平洋网络学院
太平洋网络学院
(加强型)增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。
tableborder=1align=centerbgcolor=#ccccff>
表格标题<
thcolspan=2>
行标题1
行标题2
throwspan=2>
列标题1
a<
a
b<
b
列标题2
c<
c
d<
d
表格标题
行标题2
a
b
c
d
第四课标示
html提供许多种类的标示标记,作项目标示,而且可以作巢状式标示!
常用标示标记
li>
标示项目。
ol>
第一项
第二项
/ol>
1.第一项
2.第二项
编号标示,可标示数字或英文、罗马字母。
oltype=i>
i.第一项
ii.第二项
ul>
/ul>
符号标示,可标示数字或英文、罗马字母。
∙第一项
∙第二项
dt>
定义项目。
dd>
定义资料。
dl>
/dl>
定义标示。
十进制:
0、1、2、3、4、5、6、7、8、9
十六进制:
0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f
0、1、2、3、4、5、6、7、8、9
0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f
巢状式标示
巢状式标示如:
第一章
第一节
第一段
第二段
第二节
第二章
第三章
1.第一章
i.第一节
▪第一段
▪第二段
ii.第二节
2.第二章
3.第三章
其他标示标记
dir>
/dir>
目录式标示(自动加圆点)。
网络学院:
新手上路
软件教室
设计教室
开发教室
新手上路
软件教室
设计教室
开发教室
注意事项
标示项目符号也可以用<
font>
/font>
标记,以符号字元(○、◆、◎、★、■...等)标示。
如:
fontcolor=#ff0000>
●<
特殊符号:
在html文件中,有些符号是代表特定的意义的。
所以当我们要使用这些特殊符号时,便要用替代指令。
符号
替代指令
"
&
#34或&
quot
#38或&
amp
#60或&
lt
>
#62或&
gt
不可分空格
nbsp
第五课区段标记
一个网站不仅要内容丰富外,也要有美观简洁的版面。
html所提供的区段标记功能,如果可以好好的利用也会有相当不错的效果。
常用区段标记
hr>
产生水平线。
hraling=certenwidth=90%>
br>
跳下一行。
太平洋网络学院,<
网上学电脑的好去处。
太平洋网络学院,
p>
/p>
段落,跳下一行并加一行空白。
(<
可省略)
太平洋网络学院,
网上学电脑的好去处。
center>
/center>
置中。
置中<
置中
nobr>
/nobr>
不跳下一行。
太平洋网络学院,<
太平洋网络学院,网上学电脑的好去处。
pre>
/pre>
以文件原始格式显示。
原始格式:
文件<
文件
第六课链接
链接可说是html中最重要的功能!
因为html拥有链接的功能,使你能接上internet、www……享受多姿多彩的网络世界。
基本上链接分成:
外部链接——链接至网络的某个url网址或文件,可参考考网络链接方式。
内部链接——链接html文件的某个区段。
网络链接方式
网络链接方式:
//主机名称/路径/文件名称
网址如:
http:
//
文件传输如:
ftp:
gropher传输如:
gropher:
远端登入如:
telnet:
文件下载如:
file:
//data/html/file.zip
netnews传输如:
news:
e-mail如:
mailto:
******************.cn
常用链接标记
base>
设定基本url位置或路径,以後只要设定文件名称即会自动加上位置或路径。
href链接的url位址或文件
target指定链接到的url位址或文件显示于那一个视窗(可和<
frame>
视窗标记配合使用或开新的视窗)
basehref="
http:
//
ahref="
kk.htm"
■<
/a>
//target=frame1>
a>
链接指令。
name名称
外部链接
内部链接
ch1.htm文件
ahref=#a>
(欲链接至html文件a点)
aname=a>
(html文件a点)
ch2.htm文件
ahref=ch1.htm#a>
(欲链接至ch1.htm文件a点)
■"
表示链接点,可以是文字或图案。
(即游标移到时,会变成手指形状的地方)
link>
链接指令(用于head区,设定css文件)。
meta>
储存应用资讯,可设定时间载入网页(用于head区)。
charset设定
content回应表头资料内容,若是数字表示秒数
http-equiv回应表头,若设定为refresh载入url设定
urlhtml位置
设定中文自动跳行。
metahttp-equiv="
content-type"
content="
text/html;
charset=gb2312"
设定十秒回到首页。
(若不设定html文件位置则再载入原html文件)
refresh"
content=10url=index.htm>
设定链接、未链接部份颜色
设定链接、未链接部份颜色,用<
body>
/body>
标记。
alink按下链接部份未放开时颜色
link未看过的链接部份颜色
vlink已看过的链接部份颜色
bodylink=#0000ffalink=#ff0000vlink=#00ff00>
第八课设置图片
图片增加了网站版面的美观,不过也不要放了大量的图片,而拖慢网站传输的效率
有关设定图片的方法共有以下几种:
1.设定html文件背景图片、背景颜色。
bodybackground=a.gif>
或
bodybgcolor=#000000>
2.设定图片。
img>
3.设定地图。
map>
/map>
常用图片标记
指令
alt提示字
src文件或url位址
usemap地图名称
可插入图片(gif、jpg格式)、avi电影
imgsrc="
../../../images/pcedu_lo.gif"
alt="
太平洋网络学院"
align=topborder=1>
地图
name名称
area>
设定地图动作区域
coords设定动作区域座标(左上角座标:
x1,y1;
右下角座标:
x2,y2)
href动作区域连结点(可载入位址或文件)
nohref动作区域连结点不动作
shape外型
举例
设定地图
imgborder=0src=a.gifusemap=#a>
mapname=a>
areashape=rectcoords=0,0,200,100href=1.htm>
areashape=rectcoords=0,100,200,200nohref>
areashape=rectcoords=0,200,200,300href=3.htm>
第九课加入声音
html不仅能插入图片,也可以载入midi音乐、wav音效喔!
常用音乐标记
bgsound>
背景音乐、音效。
loop循环,背景音乐播放次数
src文件或url位址(可为wav、midi格式)
bgsoundsrc=m-1.midloop=true>
内嵌音乐插件
embed>
/embed>
内嵌插件。
width宽度(可设百分比%)
src设定内嵌物件的url位址
autostart自动播放
embedsrc=m-1.midwidth=145height=60autostart=trueloop=true>
第十课滚动条
这是由ie提供的滚动条,可不要被众多的属性吓到了,越多的属性功能越强喔!
【文字卷动标记】
marquee>
/marquee>
文字卷动(滚动条)。
【相关属性】
behavior=设定卷动方式
--alternate交替来回卷动
--scroll卷动(预设)
--slide滑动
bgcolor=color背景颜色
direction=设定卷动方向
height=n高度
loop=n循环,卷动次数(预设循环)
scrollamount=n设定卷动距离
scrolldelay=milliseconds设定卷动时间
truespeed=milliseconds设定卷动速度
width=n宽度(可设百分比%)
【举例】
marqueebgcolor=redbehavior=alternatedirection=leftscrollamout=10scrolldelay=100>
fontcolor=white>
marqueebgcolor=greenheight=50behavior=scrolldirection=upscrollamout=10scrolldelay=300>
一html的标签
table,tbody,tr,td称为html的标签,以双标签的形式出现,所谓双标签,也就是有一个<
就有一个对应的<
与之对应,同样适用于其他的双标签。
一般标签都为双标签。
标签最终所显示的网页效果由各个属性来表达,属性可选择使用,不一定全部都用。
在整个图片或帖子里双标签以首尾呼应的方式出现。
tablealign=centerbackground="
背景图片地址"
border=0cellpadding=0cellspacing=0bordercolor=#0000ffwidth="
100%"
tbody>
这里是图片,文字或帖子内容.
/tbody>
的常用参数设定:
tablewidth="
400"
border="
1"
cellspacing="
2"
cellpadding="
align="
center"
valign="
top"
background="
myweb.gif"
bgcolor="
#0000ff"
bordercolor="
#cf0000"
bordercolorlight="
#00ff00"
bordercolordark="
#00ffff"
width="
表格宽度,接受绝对值(如width=80)及相对值(width=80%)。
border="
表格边框的厚度,不同浏览器有不同的内定值。
cellspacing="
表格格线的厚度
align="
表格的摆放位置(水平),可选值为:
left(居左),right(居右),center(居中)
valign="
.
表格内内容的对齐方式(垂直),可选值为:
top,middle,bottom。
background="
表格的背景图片,与bgcolor不要同用。
bgcolor="
表格的背景颜色,与background不要同用
bordercolor="
表格边框颜色
bordercolorlight="
表格边框向光部分的颜色
bordercolordark="
表格边框背光部分的颜色,使用bordercolorlight或bordercolordark时bordercolor将会失效。
播放器宽度width和高度height的值根据需要自定
二帖图格式
帖图基本代码如下:
图片连接url地址"
称图形标记,主要用来插入图形标记。
三文字设制
基本代码如下:
palign=center>
fontcolor=#0066ffface=隶书size=5>
插入文字<
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码
face=字体 常用字体为:
宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
size=字体大小,这里的最大值为7 取值越大文字就越大
四加入音乐
embedsrc="
音乐文件地址"
常用属性如下:
src="
your.mid"
设定midi档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。
true是,false否(内定值)。
loop="
true"
是否自动反复播放。
loop=2表示重复两次,true是,false否。
hidden="
是否完全隐藏控制画面,true为是,no为否(内定)。
starttime="
分:
秒"
设定歌曲开始播放的时间。
如starttime="
00:
30"
表示从第30秒处开始播放。
volume="
0-100"
设定音量的大小,数值是0到100之间。
内定则为使用系统本身的设定
整数"
和high="
设定控制面板的高度和宽度。
(若hidden="
no"
)
设定控制面板和旁边文字的对齐方式,其值可以是top、bottom、center、baseline、left、right、texttop、middle、absmiddle、a
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 简易 入门教程