向html进发-------html标记及其属性-优快云博客

演示1：作用每个一段时间重新加载页面refresh刷新，content：刷新的频率

 <meta http-equiv="refresh" content="3">

演示2：3秒后跳转到www.hao123.com

  <meta http-equiv="refresh" content="3;url='http://www.hao123.com'">

演示3：引入css样式文件，
利用css样式将字体变为60px,红色，斜体

    style.css(css样式文件)
    body{
        font-size:60px;
        color:red;
        font-style:italic;
    }

如何引入css样式文件：

    <link rel="stylesheet" type="text/css" href="style.css">

演示4，在html中直接定义样式。

    <style>
    body{
    font-size:60px;
    }
    </style>

演示5:<script>引入脚本

   <script src="c1.js"></script>
   <!--直接写脚本>  
   <script>
     //脚本代码
    </script>

演示6：<body>中的标签

   <html>
     <!--描述页面的数据>
     <head>
     </head>
     <!--与页面显示的内容有关系-->
     <body>
     <!--链接-->
     <a href=""></a>
     <!--表格-->
     <table>
     <!--3表单-->
     <form>
     <!--4 列表-->
     <ul>,<ol>
     <!--5，窗口划分-->
       <iframe>,<frameset>
       </body>
   </html>

演示7：几个重要标记
链接<a href>

 <a href="url地址" target="" title="">描述性文字</a>

target属性：指定在哪个窗口打开链接，值可以定为
_self:在当前窗口打开链接
_blank:在新窗口打开
title:提示信息
演示8：使用图片作为链接

    <a href="url地址" target="" title="指向first的链接">click me</a>
     <a href="first.html">
        <img src="save.jpg" border="0"/>
     </a>

演示9：发送邮件

  <a href="mailto:1301505394@qq.com?subject=hello">给我发邮件</a>
    语法格式为：<a href="mailto:邮箱地址?subject=hello">给我发邮件</a>
    <!-- subject为主题的意思 -->

演示10：锚点(在同一个页面内跳转)
语法格式：

 <a name="top">top....</a>
      <a href="#top">跳转到top</a>