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+/)