link标签是引入一个样式表,定义文档与外部资源的关系,最常见的用途是链接样式

书写格式:<link rel="stylesheet" type="text/css" href="/html/csstest1.css">

rel="stylesheet"

rel是relationship的缩写,关系的意思,他描述了这个link标签引入的资源与当前文件的关系,stylesheet意为样式表,说明了引入个文件是当前的html的样式表。

type(类型)="text/css"

它表示了浏览器的解析方式,代表了这个引入的资源要以css文本的方式来解析。

href="/html/csstest1.css"规定被连接文档的位置

link标签在学了CSS后会经常用到。

 

scrip标签是引入一个JavaScrip。用于定义客户端的脚本,比如JavaScript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

通过src引入外部脚本

<script type="text/javascript" src="/JS/jquery.min.js"></script>注意,它是闭合标签。

在script标签中写脚本

<script type="text/javascript">     type="text/javascript"告诉浏览器这是JavaScript脚本

  alert(这里是弹出框);

</script>

学习JavaScript会详细讲解。


style标签引入CSS样式,用于为html文档定义样式信息,在style中,可以规定在浏览器中如何呈现HTML文档。

给html添加样式时可以写在style中。

<style type="text/css">

  ...

</style>
一个完整的网页分三部分:结构、样式、行为。学习html主要用来写页面的结构,CSS写页面的样式(装修的作用),JavaScript规定行为。

 

body元素定义文档的主题,所有用户可直接看到的元素都在这里。

常见属性:background、bgcolor

background规定文档的背景图像,示例:

<html>

  <body background="/i/eg_bg_04gif">(background后面是地址)

    <hi>...</h1>

    <p>...</p>

  </body>

</html>

 

bgcolor规定文档的背景颜色。

background和bgcolor可以一起来设置的,但它以background为准,两个都加上后刷新页面,可以看到背景颜色。

body有许多属性,但是这些属性不再被推荐使用。原因是这些都可以用样式取代,做到结构样式相分离。(就是写样式的时候通常用CSS来写)所以上面的bgcolor,background尽量用样式表来写

h标签拥有align属性,他有如下几个常用值:

left、center、right、justify 两端对齐。

 

<hr>标签,在html文档中创建一条水平线可以在视觉上将文档分割成各个部分,他可以设置align、width(定义水平线的宽度)、size(指定高度)属性。

示例:使水平线在页面中间显示,他的宽度为页面的50%

<html>

<body>

  <hr align="center" width="50%"/>

  <p>不赞成使用align属性,请使用CSS代替。</p>

</body>

</html>

示例--高度为50像素的水平线

<html>

<body>

  <p>普通的水平线</p>

  <hr/>

  <p>高度为50像素的水平线</p>

  <hr size="50%"/>

</body>

</html>

 

<!--...-->注释标签

很好的沟通方式(快捷键:  Ctrl+/)

 

posted on 2016-12-02 18:31  独孤晓宇  阅读(229)  评论(0编辑  收藏  举报