HTML概述

HTML概述

村头老杨头

Mon Feb 3

村头老杨头

什么是HTML

html

Hyper Text Markup Language (超文本标记语言)
如下代码:

<html>
	<head>
		<title>标题</title>
	</head>
	<body>
		<h1>Hello HTML</h1>
		<img src="http://ctlyt.yunypan.cn/upload/2020/1/u=778216032,4196056672&fm=26&gp=0-a0a59400c74649d88efc8f3946955568.jpg" />
		<hr/>
		<video src="http://ctlyt.yunypan.cn/upload/2020/2/%E3%80%8A%E7%85%8E%E9%A5%BC%E4%BE%A0%E3%80%8B%E6%8E%A8%E5%B9%BF%E6%9B%B2MV-0abee2ddea6a40ecaed1f711365870bb.mp4"></video>
	</body>
</html>

通过浏览器解析生成如下效果图:
效果图
dome1
通过上述的演示我们可以看到通过不同的标记(标签)的修饰可以显示不同的效果。

简单了解HTML的前世今生

1. 1993-6	超文本标记语言
2. 1995-11	HTML2.0
3. 1996-1-14	HTML3.2
4. 1997-12-24	HTML4.0
5. 1999-12-24	HTML4.0.1
6. 2000-1-26	XHTML1.0
7. 2001-5-31	XHTML1.1
8. 不详	XHTML2.0
9. 2013-5-6	HTML5

HTML5优势

世界知名浏览器厂商对HTML5的支持
微软(IE)ie
谷歌(Chrome)chrome
苹果(Safari)safari
欧朋(Opera)opera
火狐(Mozilla)firefox
跨平台性

W3C规范

W3C

World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
官网:http://www.w3.org/
国内地址:http://www.chinaw3c.org/

W3C标准包括

结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )

开发工具

前端工具查看

HTML基本结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="keywords" content="村头老杨头" />
		<meta name="description" content="网站描述" />
		<title>第一个html</title>
	</head>
	<body>
	Hello World !!!
	</body>
</html>

20200203015228
dome2
dome3

注意
<body>、</body>等成对的标签,分别叫开放标签和闭合标签
单独呈现的标签(空元素),如<br/> <hr/> 意为用 / 来关闭空元素。

meta标签

	charset="UTF-8"   设置网页编码格式为UTF-8
	name="keywords"  爬虫爬取的关键字
	content="内容"
	name="description" 网页的描述信息

注意
gb2312包含全部中文字符
utf-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致
20200203021451

附件

html概述附件下载

评论