码迷,mamicode.com
首页 > Web开发 > 详细

HTML自学基础

时间:2015-11-14 09:56:43      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:

关于自学HTML中遇到的各类细节问题


 

1.<a>表示链接标签,类似的有<img src>.链接的地址在<base>中填写。<base href="http://......."/>

2.<base>标签只能在头部中定义,并且只能出现一个。

3.<link>只能在头部中定义,但是可以出现多次。其中的href属性来指向所连接文档的url。他的值可以使任何有效的文档的url。

4.向前链接和反转链接rel/rev,二者可以同时包含在一个link中,也可以同时创建多个link标签。

5.link标签与外部链接(与css文件链接)。用到的是link的type属性。

6.<p>p标签标示段落。<p class =添加css样式中函数

   <link href="main.css" rel="stylesheet " type="text/css" />   css样式中:

.p1{
font-size:10px;


7.用<style>标签为文档创建内部样式表

<style>只能在头部中出现,但可以在头部中多次出现。是唯一为文档创建内部样式表。用到的属性type。用的语言即使css,相当于潜藏在html内部的css。

 

例如:

技术分享
    <title>
        style标签设置文档的类型
    </title>
    <meta charset="utf-8" />
    <style type="text/css">
        .p1{font-size:10px;}
        .p2{font-size:20px;}
        .p3{font-size:30px;}
    </style>
</head>
<body>
    <p class="p1">我喜欢你</p>
    <p class="p2">我喜欢你</p>
    <p class="p3">我喜欢你</p>
</body>
</html>
技术分享

运行结果:省略:


 

8.根据不同的媒体设备设置样式:如style 的media属性,指向不同的设备。

技术分享
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        @media print {
           p{font-weight:bold;}
           }
            @media screen{
                p{font-weight:lighter ;}
            }
            @media print,screen{
                p{font-size:20px;}
            } 
           
    </style>
</head>
<body>
    <p>我喜欢你</p>
    <p>我喜欢你</p>
    <p>我喜欢你</p>
</body>
</html>
技术分享

9.1<script>标签。为html添加脚本程序,脚本程序可以写在script内,也可以使用外部脚本文件。能使网页页面变得更加生动,并且能在客户端相应一定的事件,从而使页面具有良好的交互性。

script标签的type属性设置脚本语言的类型。通常有text/javascript和text/jsscript.通常使用前者。

例,当页面加载完成时弹出一个对话框。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>
        设置脚本的类型
    </title>
    <script type="text/javascript" >
        window.onload = function () {
            alert("Hello World");
        }
    </script>
    <meta charset="utf-8" />
</head>
<body>
</body>
</html>

9.2外部脚本,通常Javascript与html分离,一般存放在.js的文件中。然后通过script的src属性引用该文件。

核心代码: <script type="text/javascript" src="mian.js">。

js文件中:

window.onload = function () {
alert("我喜欢你");
}


 

10<meta>标签,定义元数据,一把通过name或者http-equiv属性指定关键字。每一个关键字表示一个元数据段,通过content属性的设置该关键字对应的值来描述该元数据段。

meta不在页面中显示,但对网页的显示很重要。

meta标签定义的元数据,其中最重要的是:keywords和description。其中keywords描述文档的关键字,为搜索引擎提供线索,非常有用。description为搜索引擎提供一份关于文档的简单说明,非常有用。

 

HTML自学基础

标签:

原文地址:http://www.cnblogs.com/dongteng/p/4963904.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!