|
楼主 |
发表于 2011-12-14 13:02:13
|
显示全部楼层
|阅读模式
来自 中国–广东–珠海
本帖最后由 泥鳅 于 2011-12-14 19:12 编辑
泥鳅教你HTML:第二课(HTML基本标记一)
尽管HTML的基础是纯文本,但我们还是要需要一些东西才能是纯文本变成合法的HTML文件!主要是一下标记来实现:
页面标记、字体标记、文字布局标记、图像标记、表单标记、文字的移动标记、多媒体页面标记等等。
今天的内容:
一、页面标记 二、字体标记
上节课我已经学了HTML文件的基本结构:
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
你们有没有发现,你们有时在网上浏览到的网页。有的网页打开后会出现奇奇怪怪的字符(这就是所谓的乱码)!如何解决这个问题勒?这就需要HTML代码来实现咯!
你只需要在<head></head>这对标记之间打出一下代码即可:(这是语言字符集的信息)
<meta http-equiv="Content-Type" Content="text/html;charset=#">
#=us-ascii,iso-2022-kr,gb-2312,gb-2312-80等等。一般大家用gb-2312 就可以啦!
GB-2312码是中华人民共和国国家汉字信息交换用编码,只要你做的是中文站一般就用这个!
上节课我们已经说了HTML的基本结构:那么接下来我们就真正的进入HTML网页设计的殿堂啦!
<body><body>这对标记之间,放的就是我们浏览一个网页的所有内容:如:图片、文本、动画等。他是网页的主体!
每个不同的标记都有与它对应的标记属性。如:<body>
一、背景颜色和文字颜色
<body bgcolor="#" text="#" link="#" alink="#" vlink="#" border="#">
bgcolor——————背景颜色
text——————非链接文字的色彩
link——————可链接文字的颜色
alink——————正被点击时可链接文字的颜色
vlink——————已经访问过可链接文字的色彩。
#——————表示各个属性不同的属性值!
在网页中如何插入背景图像?
答案:<body background="你的图片所在的路径(URL)">
页面左边空白:
基本语法:<body leftmargin="左边界数">
页面上边空白:
基本语法:<body topmargin="上边界数">
先码到这里,午睡去咯!下午再来码字!!
接着:
二.链接:
1.相对路径:指在同一个目录,可以直接引用的文件名。
2.绝对路径:比如我的C盘找文档:C:\Documents and Settings\heike\My Documents 指完整的文件路径。
三、跳转到另外某个网页的标记代码
<a href=www,baidu,com>百度搜素</a>
四、跳转到本网页的某个地方
这个必须先在你想要跳到的那个位置作记号!{也就是所谓的锚记}
锚记的代码是:<a name="ok">飘仙建站</a>
做好记号后,你才能实现跳转,代码如下:
<a href="#OK">返回</a> 注意:这里的# 不是值,就是#!
从本网页跳转另一个网页的地方也是一样的:
先在另一个地方锚记:
然后再再本页面:写上代码:<a href="URL#OK">返回</a> URL是指另一个网页的网址!
五、跳转的一张图片
<a href="#"><img src="你放图片的路径"></a>
六、跳转音频
代码:<a href="你音频的路径">菊花台</a>
七、跳转视频
<a href="你视频所在位置"></a>
八、跳转到邮箱
代码:<a href=[url=mailto:www.1207549344@qq.com]mailto:www.1207549344@qq.com[/url]>联系我们</a>
开新的窗口,显示链接的内容:
<a href="URL" target="#">飘仙建站</a>
#有四个值:
_blank ————————在新窗口中打开链接内容!(这个是常用的)
_self ————————这个是默认!就是在本网页中浏览链接内容!
_parent和_top 这两个值不常用,就不讲了!有兴趣的自己去百度一下!
|
评分
-
查看全部评分
|