html常用的头部标签

<base></base>：默认链接

使用在头部的标签

base标签为页面上所有链接 指定 默认链接或 默认目标

使用base标签后，浏览器将不在使用当前文档的url ，而使用指定url来解析所有文档中其他标签的url

这其中包括<a>，<img>，<link>，<form>标签中的url

下图a标签与img标签与base标签拼接成 https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26

如果a标签的href与img的src属性没有值将指向https://ss0.bdstatic.com

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <base href="https://ss0.bdstatic.com" />
        <title>我是一个标题</title>
    </head>
    <body>
        <img src="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26"/>
        <a href="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26">陈一发</a>
    </body>
</html>

<title></title>:头部标题标签

 使用在头部的标签

title元素可定义文档的标题，浏览器会把它显示在标题栏或状态栏上

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我是一个标题</title>
    </head>
    <body>

    </body>
</html>

<script></script>:脚本标签

头部与主体都可以使用的标签

script用于定义客户端脚本，比如javascript

script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件，必须的type属性规定脚本的mime类型

常见的MIME类型：
　　超文本标记语言文本 .html,.html text/html 
　　普通文本 .txt text/plain 
　　RTF文本 .rtf application/rtf 
　　GIF图形 .gif image/gif 
　　JPEG图形 .jpeg,.jpg image/jpeg 
　　au声音文件 .au audio/basic 
　　MIDI音乐文件 mid,.midi audio/midi,audio/x-midi 
　　RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio 
　　MPEG文件 .mpg,.mpeg video/mpeg 
　　AVI文件 .avi video/x-msvideo 
　　GZIP文件 .gz application/x-gzip 
　　TAR文件 .tar application/x-tar

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我是一个标题</title>
        <script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script>
    </head>
    <body>
        <script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script>
    </body>
</html>

<style></style>:样式风格标签

头部使用的标签

style标签为html文档定义样式信息

在style中 可以规定在浏览器中如何呈现html文档

type属性是必须的，定义sty元素属性的内容 唯一可能的值是text/css

text/css 是文本样式

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        h1{color: red;}
        p{color: blue;}
        a{color: black;}
        </style>
        <title>我是一个标题</title>
    </head>
    <body>
        <p>我是蓝色的</p>
        <a>我是黑色的</a>
        <h1>我是红色的</h1>
    </body>
</html>

<link></link>:外部资源标签

link标签定义文档与外部资源的关系

link标签最常见的用途是链接样式表

css/css1.css是在css目录下新建的一个.css文件

里面定义了p标签的背景样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        h1{color: red;}
        p{color: blue;}
        a{color: black;}
        </style>
        <link rel="stylesheet" type="text/css" href="css/css1.css"/>
        <title>我是一个标题</title>
    </head>
    <body>
        <p>我是蓝色的,但是背景是黄色的</p>
        <a>我是黑色的</a>
        <h1>我是红色的</h1>
    </body>
</html>
posted @ 2020-10-21 00:12  多测师张sir  阅读(884)  评论(0)  编辑  收藏  举报
GenerateContentList();