HTML 总结
2019-02-27 本文已影响0人
似是懂
- HTML简介
- <!doctype>声明
- <head>标签及内容
HTML简介
1.什么是html
含义：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
内容：html标签、文本内容
别名：web页面
注意：标记语言是一套描述网页的标记标签
形式：.html、.htm
2.标签
含义：HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
由尖括号包围的成对出现的关键词，标签对中的第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签）
注意：标签≈元素
一个元素=<标签>+</标签>
形式：<标签>内容</标签>
3.HTML网页结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
<base>
<link>
<style>
<script>
</head>
<body>
<h1>...</h1>
<p>...</p>
<a>...</a>
<img/>图片
<table>表格
<br>换行
<hr>
<div>...</div>
<span>...<span>
<input>
</body>
</html>
注意：只有<body>中间区域才能在浏览器中显示
<!doctype>声明
含义：<!DOCTYPE>声明有助于浏览器中正确显示网页。
注意：不区分大小写
形式：
HTML5（现在）
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>标签及内容
1.<head>标签
含义：头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
内容：<title>、<style>、 <meta>、 <link>、 <script>、 <noscript>、 <base>
2.<meta>元素
含义：描述一些基本元数据，元数据也不显示在页面上，但会被浏览器解析。
形式：- 为搜索引擎定义关键词
- 为网页定义描述内容
- 定义网页作者
- 每30秒钟刷新当前页面
3.<title>元素
含义：<title> 标签定义了不同文档的标题。
- 是浏览器工具栏的标题
-添加到收藏夹时，也是收藏夹显示的标题
-是搜索引擎显示结果的标题
注意：在 HTML/XHTML 文档中是必须的。
4.<base>元素
含义：<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
我写不出来，啊啊阿吖
