HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性

HTML 头部

<head> 标签是所有头部标签的容器。<head> 内的标签可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<noscript>、<script> 以及 <style>。

HTML 头部标签


标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<noscript>定义客户端的脚本不可用时显示
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件

HTML <head>标签

<head>标签是包含头部元素的容器,头部元素有标题、脚本、基础连接、样式、元数据。

<head>
<meta name="keywords" content="html教程,php教程">
</head>

头部标签

HTML <title> 标签

<title> 标签定义文档的标题。title标签是必须的,没有的话会被视为无效文档。title 元素能够:

<head>
<title>炫代码(www.xuandaima.com)</title>
</head>

文档标题

HTML <base>标签

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

<head>
<base href="http://www.xuandaima.com/Template/Test/img/">
<base target="_blank">
</head>

URL默认值

HTML <link> 标签

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

<head>
<link rel="stylesheet" type="text/css" href="/Template/Test/css/href.css">
</head>

外部样式

HTML <meta> 标签

<meta> 标签是数据的数据信息。通常用于页面的关键词、描述、作者等。

<head>
<meta charset="utf-8">
<meta name="author" content="xuandaima">
<meta name="keywords" content="php教程,html教程" />
<meta name="description" content="全球最好的中文 Web 技术教程,介绍了PHP、HTML、PHP 、MySQL等各种编程语言的基础知识。">
</head>

元数据

每5秒刷新页面并跳转到别的页面

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

定义页面编码为utf-8

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML <noscript> 标签

当前在浏览器中关闭了脚本或不支持,则会执行<noscript> 标签内容。

<head>
<script>
document.write("炫代码!")
</script>
<noscript>注意:你的浏览器可能关闭了JavaScript,或者不支持JavaScript</noscript>
</head>

不支持脚本提示

HTML <script> 标签

<script> 标签是用于客户端的网页动态脚本。

<head>
<script>
document.write("这是script输出的字符!")
</script>
</head>

网页动态脚本

HTML <style>标签

<style> 标签定义 HTML 文档的样式信息。

<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>
</head>

页面样式