HTML 教程
1. HTML 教程 2. HTML 简介 3. HTML 编辑器 4. HTML 基础 5. HTML 元素 6. HTML 属性 7. HTML 标题 8. HTML 段落 9. HTML 文本格式化 10. HTML 链接 11. HTML 头部 12. HTML CSS 13. HTML 图像 14. HTML 表格 15. HTML 列表 16. HTML 区块 17. HTML 布局 18. HTML 表单 19. HTML 框架 20. HTML 颜色 21. HTML 颜色名 22. HTML 颜色值 23. HTML 脚本 24. HTML 字符实体 25. HTML URL 26. HTML 速查列表 27. HTML 总结 28. XHTML 简介 29. HTML5 教程 30. HTML5 新元素 31. HTML5 Canvas 32. HTML5 内联 SVG 33. HTML5 拖放 34. HTML5 地理定位 35. HTML5 Video(视频) 36. HTML5 Audio(音频) 37. HTML5 Input 类型 38. HTML5 表单元素 39. HTML5 表单属性 40. HTML5 语义元素 41. HTML5 Web 存储 42. HTML5 应用程序缓存 43. HTML5 Web Workers 44. HTML5 服务器发送事件(Server-Sent Events) 45. HTML 媒体(Media) 46. HTML 插件 47. HTML 音频(Audio) 48. HTML 视频(Video)播放 49. HTML 实例

HTML 头部

HTML <head>


查看在线实例

<title> - 定义了HTML文档的标题
使用 <title> 标签定义HTML文档的标题

<base> - 定义了所有链接的URL
使用 <base> 定义页面中所有链接默认的链接目标地址。

<meta> - 提供了HTML文档的meta标记
使用 <meta> 元素来描述HTML文档的描述,关键词,作者,字符集等。


HTML <head> 元素

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。


HTML <title> 元素

<title> 标签定义了不同文档的标题。

<title> 在 HTML/XHTML 文档中是必须的。

<title> 元素:

  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时,显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题

一个简单的 HTML 文档:

实例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>


HTML <base> 元素

<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:


<head>

<base href="http://www.55mianshi.com/images/" target="_blank">

</head>


HTML <link> 元素

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

<link> 标签通常用于链接到样式表:


<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>



HTML <style> 元素

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:


<head>

<style type="text/css">

body {background-color:yellow}

p {color:blue}

</style>

</head>



HTML <meta> 元素

meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta> 一般放置于 <head> 区域

<meta> 标签- 使用实例

为搜索引擎定义关键词:


<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:


<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:


<meta name="author" content="">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">



HTML <script> 元素

<script>标签用于加载脚本文件,如: JavaScript。

<script> 元素在以后的章节中会详细描述。


HTML head 元素

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