HTML入门教程

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>

保存后运行结果如下图
在这里插入图片描述
好了,今天的教学先教到这里,如果有什么疑惑的地方请在评论区留言,我将第一时间回复。

猜你喜欢

转载自blog.csdn.net/weixin_47585269/article/details/120379767