HTML入门教程
1.HTML简介
1.1 HTML由来
HTML的英文全名叫Hypertext Marked Language,中文翻译过来即为超文本标记语言。它的创作者是Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言。你可以自己用HTML写一个本地的Web页面,并交由浏览器来运行输出结果。因为HTML是运行在浏览器上,并且由浏览器解析运行。
1.2 HTML的后缀名
无需多讲,记住HTML只有以下两个后缀名即可:.html、.htm。
1.3 什么是HTML
HTML是一种网页描述语言,是一种在Web上使用的标记语言,**而且它不是一种编程语言。**HTML允许你可以格式化文本,并为此添加框架、文本、图片、链接、标题、表格等,并传输给浏览器编译并显示。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
2.正式入门HTML
2.1 认识HTML的标签
在HTML中,那些被尖括号包围的关键词就称之为HTML的标签。在HTML中,标签通常是成对出现的,如<p>和</p>、<div></div>、<table></table>等
。其格式如下
<标签>内容</标签>
当然,并不是所有的标签都是成对出现的,如输入框架标签<input>
、声明HTML文档类型的<!doctype html>
标签等都不是成对出现的。
PS:HTML文档的标签第一个为开放标签,第二个为闭合标签。
2.2 HTML中的基础标签
<!DOCTYPE html>
声明为 HTML5 文档<html>
元素是 HTML 页面的根元素
-<head>
元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8(由于在大部分浏览器中直接输出中文会出现乱码,所以要在头部将编码格式定义为UTF-8。当然,也可以用编码格式GBK(英文全称Chinese Internal Code Extension Specification,意思是《汉字内码扩展规范》)来声明,以免出现乱码现象。)<title>
元素描述了文档的标题<body>
元素包含了可见的页面内容<h1>
元素定义一个大标题<p>
元素定义一个段落
在这些基础标签中,<!doctype>
声明是不区分大小写的,所以以下四种格式均可以
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
好了,学完这些基础标签后,我们就可以正式编写我们的第一个HTML文档了。按照程序界悠久的历史传统,我们编写的第一个程序或文档输出的东西就是Hello ,World!
2.3 编写第一个HTML文档
创建一个新的文本文档,把后缀名改为.html或.htm,然后输入以下代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>第一个HTML文档</title>
</head>
<body>
<h1>Hello,World!</h1>
<p>你好,世界!</p>
</body>
</html>
保存后运行结果如下图
好了,今天的教学先教到这里,如果有什么疑惑的地方请在评论区留言,我将第一时间回复。