前言
关于网页大家都不陌生吧,现在我不无时无刻不接触着这些好看的网页,网站,对于我们后端开发者来讲,前端也是需要进行修炼修炼滴。下面就由我带各位看官打开前端的大门HTML吧
一、什么是 HTML？
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
二、常见的浏览器
三、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
1、HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
<html> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
2、HTML 基本文档
<!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> 可见文本... </body> </html>
3、HTML头部
元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为:
4、HTML
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
一个简单的 HTML 文档:
5、HTML 元素
标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，可以不加:
<head> <base href="http://www.runoob.com/images/" target="_blank"> </head>
6、HTML 元素
标签定义了文档与外部资源之间的关系。 标签通常用于链接到样式表:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
7、HTML
```
8、HTML 元素
meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
一般放置于 区域
标签- 使用实例
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="好好学java的网站">
定义网页作者:
<meta name="author" content="itnanls">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
语法：
方式一： <meta charset="utf-8"> 方式二： <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
说明：http-equiv传送HTTP通信协议的标头。
HTML5 中默认的字符集是 UTF-8。 所有的 HTML 4 处理器都支持 UTF-8，所有的 HTML5 和 XML 处理器都支持 UTF-8 和 UTF-16。
