找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3655|回复: 1

[教程] 泥鳅教你HTML!(第二课)【HTML菜鸟必读】

[复制链接]
发表于 2011-12-14 20:45:40 | 显示全部楼层 来自 中国–河南–漯河
不错啊~~~~~~~~~~~~~~~

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

 楼主| 发表于 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 这两个值不常用,就不讲了!有兴趣的自己去百度一下!



  
   


评分

参与人数 1金币 +6 收起 理由
天外飘仙 + 6 赞一个!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-25 22:17 , Processed in 0.048528 second(s), 10 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表