HTML代码学习梳理_下半部分

Posted on 2010-05-10 16:04 notifier 阅读(439) 评论(0) 收藏举报

　　HTML的熟悉主要就是标签使用的熟悉过程，我觉得通过代码的阅读和书写最为有效。下面是HTML语言头部、样式表以及脚本插入等的学习，各个标签都有注释。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
     <!--根据HTML标准，仅有几个标签在HTML的头部分是合法的。它们是<base>,<link>,<meta>,<title>,<style>和<script>-->
     <!--头部信息-->
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
     <meta http-equiv="Content-Language" content="zh-cn"/>
     <!--HTML的样式表-->
     <!--1.外部样式表-->
     <!--当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。-->
     <link rel="Stylesheet" type="text/css" href="html/csstest1.css" />
     <!--2.内部样式表-->
     <!--当单个文件需要特别样式时,就可以使用内部样式表-->
     <style type="text/css">
         body {background-color:Green}
         p {margin-left:20px}
     </style>
     <title>这是页面的标题</title>
     <!--head里面写一个base标签,可以定义所有从该页面链接的页面,以新页面打开-->
     <base target="_blank" />
 </head>
 <body>
     <!--3.内联样式表-->
     <!--当特殊的样式需要应用到个别元素时,就可以应用内联样式.使用内联样式的方法是在相关的标签中使用样式属性.-->
     <p style="color:Red; margin-left:20px">
         这是一个段落,采用了内联样式表
     </p>
     
     <!--在HTML文件中使用script标签来插入脚本-->
     <script type="text/javascript">
         document.write("<i>Hello World!</i>")
     </script>
 </body>
 </html>

刷新页面返回顶部

Notifier's Blog

公告

HTML代码学习梳理_下半部分