发新话题
打印

[其它] 【想学HTML代码的朋友看看】HTML教程及代码演示

本主题由 靜籹孒 于 2008-3-22 15:07 解除置顶

【想学HTML代码的朋友看看】HTML教程及代码演示

大家好!

      你想学做漂亮好听的音画吗?呵呵。。。别急先听我慢慢讲完。我慢慢的教,大家慢慢的学.

 

  HTML 文件结构(Document Structures)


<HTML>
  <HEAD>
    <TITLE>学习 HTML</TITLE>
  </HEAD>
  <BODY>
    欢迎来到 HTML 世界
  </BODY>
</HTML>
    这是一个标准的html网页的页面,所有的网页都是基于这里开始的。


 OK开始进入主题

<HTML>…</HTML>标签标记 HTML 文档的开始和结束


这部分包括标题和其他说明信息。包括在 <HEAD>…</HEAD> 标签内


这部分包含文本、图像和链接。它包括在 <BODY>…</BODY> 标签内

 

注:标签都是成对出现的,只有个别的标签不需要成对出现。比如<br>换行;<p>段落等等

[ 本帖最后由 袏佴 于 2007-10-19 10:53 编辑 ]
沟通很重要,珍惜所有

TOP

恩,楼主很有心呢,支持一下,学习学习~期待着更新



无论晴天还是下雨,微笑,记住,微笑!呵。。
  

TOP

恩,;楼主给了我们版很大的支持和建议.....真希望这样的帅歌美女多多来些....哈哈哈,,先置顶了...多来更新..


欢迎光临影音版,这里有你心的依靠

TOP

本贴介绍<meta>标签

 

    <meta>标签位于<head>......</head>之间,该<META> 标签是一个特殊的 HTML 标签,提供有关网页的信息,如作者姓名、公司名称和联系信息等;许多搜索引擎都使用 META 标签信息搜索滴.


    例如,要将 Graham Browne 指定为作者,则使用以下 META 标签:

        <META name = “作者" content = "Graham Browne">

注释:

         name表示<meta>标签的属性,同理content也是<meat>标签的属性.

         “=”等于号后的值想当于给属性赋值的意思.

 

    当然<meta> 标签不只是这两个属性

        <META http-equiv = "expires" content = "Wed, 26 Feb 1997 GMT">

注释:

        表示有效期:格林尼治标准时间 1997 年 2 月 26 日,星期三 14:25:27

 

         <META  http-equiv="refresh"  content=“2">

注释:

         表示每隔2秒,自动刷新网页

 

感兴趣的朋友可以查看当前页面的<html> 代码,操作步骤点击浏览器标题栏的“查看”=》选择菜单的“查看原文件”

  

代码片段:     

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>中国女性时尚论坛【有声版】-女性论坛|时尚社区|时尚流行|护肤美容|影视音乐|美女|服饰|丰胸减肥|美体瘦身|情感交友|校园|宠物|数码|星座</title>
    <META name="searchtitle" content="中国女性时尚论坛|女性论坛|时尚社区|时尚流行|护肤美容|影视音乐|美女|服饰|丰胸减肥|美体瘦身|情感交友|校园|宠物|数码|星座" >
    <meta name="description" content="http://www.mflady.com 目标是成为中国最大的综合性女性时尚论坛。站点集合女性论坛|时尚社区|时尚流行|护肤美容|影视音乐|美女|服饰|丰胸减肥|美体瘦身|情感交友|校园|宠物|数码|星座等内容于一体。">
    <meta name="keywords" content="中国女性时尚论坛,女性论坛,时尚社区,时尚流行,护肤美容,影视音乐,美女,服饰,丰胸减肥,美体瘦身,情感交友,校园,宠物,数码,星座,MP3,网络电台,女性,时尚精品,情侣礼品,文学">
    <meta name="robots" content="ALL">
    <meta name="revisit-after" content="7 days">
</head>

 

  瞧,本页面有六个<meta>标签.

  细心的朋友会发现<meta>标签没有结束"</meta>"嘛?是的,它也是不需要结束标签

  补充一点是html标记语言是不区分大小写的;<meta>和<META>会实现同样的效果

沟通很重要,珍惜所有

TOP

紧接着介绍上面代码片段中出现的<title>标签

 

这个标签最直观了,说白了就是浏览器标题栏中你所看到的信息。

 

注释:

     标题栏位于浏览器最上面一行。

 

代码片段:

     <title>中国女性时尚论坛【有声版】-女性论坛|时尚社区|时尚流行|护肤美容|影视音乐|美女|服饰|丰胸减肥|美体瘦身|情感交友|校园|宠物|数码|星座

     </title>

 

     

沟通很重要,珍惜所有

TOP

 

        楼主哥哥

           偶是学这个的

           偶来温习功课勒

TOP

大家伙是不是觉得看着很枯燥啊?不要急,很多网页都由这些枯燥的标签组成的.

 

本贴介绍一些HTML 基本元素(元素就是指标签)换个叫法罢了

 

    标题

          这个就不用解释了吧,由字面就可以理解。用到标题少不了<h1>...</h1>

 

   

效果
代码

从大自然获得灵感

<H1>从大自然获得灵感</H1>

从大自然获得灵感

<H2>从大自然获得灵感</H2>

从大自然获得灵感

<H3>从大自然获得灵感</H3>

从大自然获得灵感

<H4>从大自然获得灵感</H4>
从大自然获得灵感
<H5>从大自然获得灵感</H5>
从大自然获得灵感
<H6>从大自然获得灵感</H6>

      注释:"H"后面的数字越大,标题越小。需要注意的地方是;这是设置标题的属性,于设置字体的属性是两个概念。初学者容易混淆。     

 

   

沟通很重要,珍惜所有

TOP

发新话题