HTML简介

1.HTML概述

全称HyperText Markup Language,超文本标记语言，用来描述网页的语言。

作用：负责描述文档语义；

何为超文本？

图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接，即：超链接文本。

（注意：html不是编程语言，编程语言是有编译过程的，而标记语言没有编译过程，由浏览器解析运行）

2.HTML文档的后缀名

.html
.htm

3.HTML的历史

（百度一下吧，我不知道怎么放图）

4.HTML的结构

 1 <!DOCTYPE html>
 2 <html lang="en">  
 3 <head>
 4 <meta charset="utf-8">   //字符集
 5 <title>我的第一个html</title>
 6 </head>
 7 <body>
 8 
 9 <h1>我的第一个标题</h1> 
10 <p>我的第一个段落。</p>
11 
12 </body>
13 </html>

<!DOCTYPE html> 用来告诉web浏览器使用了哪种HTML版本，在这声明是HTML5文档，不区分大小写，
<html> 元素是 HTML 页面的根元素
lang语言类种：en是英文，zh-CN是中文

<head> 元素包含了<title> <base> <meta> <link>

  <title> : 指定整个网页的标题，在浏览器最上方显示（有助于搜索引擎优化）

  <base>  : 为页面上的所有链接规标题栏显示的内容定默认地址或默认目标;

  <meta> : 提供有关页面的基本信息;

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

<body> 元素包含了可见的页面内容

关于<meta>补充：

计时跳转

3秒之后自动跳转到百度页面（需要记住）

<meta http-equiv="refresh" content="3;<http://www.baidu.com>">

字符集（charset）

为了防止乱码

<meta charset="utf-8">

定义关键字

告诉搜索引擎，这个网页是做什么的，别人在寻找的时候，首先会搜到关键字一样的
1. ```
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
```

定义页面描述

搜索时，会显示这些东西，也叫搜索引擎优化（SEO）

<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

5.HTML语法规范

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>，我们称为双标签
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
双标签关系可以分为两类：并列关系和包含关系

6.HTML语法特性

html对换行不敏感，对tab不敏感；
空白折叠现象：空格、换行、tab都被折叠为一个空格显示；
标签严格封闭；

7.HTML属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

8.HTML注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

posted @ 2020-04-16 18:43 小王日记404 阅读(86) 评论(0) 收藏举报

刷新页面返回顶部

小王日记404

HTML简介

1.HTML概述

2.HTML文档的后缀名

6.HTML语法特性

公告