2020-11-03

最新推荐文章于 2023-08-17 16:36:20 发布

FrostyDog11

最新推荐文章于 2023-08-17 16:36:20 发布

阅读量187

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/FrostyDog11/article/details/109472815

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML</title>
	</head>
	<body>
		这是一个网页
	</body>
</html>

什么是HTML?
HTML超文本标记语言,是一种用来描述网页的标记语言.

   我们可以这样理解“超文本”，普通的文件文件例如记事本编辑文字内容，而超文本可以通过编辑文字的没内容显示文字、图片、视频...,所以超文本就是文本更加高级。

   标记，HTML中的不是我们自己定义的，而是HTML语法规范提供的。

       例如:<html></html>, <head></head>......

  我们学习html就是学习它的标记。
HTML作用？
  我们学习html就是学习它的标记。

  我们学习html可以编写网页。

  软件的组成
界面
后台处理程序
数据
HTML的编辑工具
记事本
1. 新建记事本文件
2. 写入html代码
3. 修改记事本文件的名称【以“.html”结尾】
缺点：没有提示功能，所有的代码内容都需要手动输入，效率极低。
专业的IDE[集成开发环境] 提高开发效率Notepad++：
http://www.html.cn/tool/edit/2.html
ublime Text：http://www.html.cn/tool/edit/6.html
WebStorm:https://www.html.cn/tool/edit/8.html

HBuilderX: https://www.dcloud.io/hbuilderx.html [我们学习时使用的开发工具]

5.HTML 网页结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

6.HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

格式：<标签>内容</标签>

注意:html的标签不是自己胡乱编写出来的，它是html语法规定的。

我们学习html，就是在学习html语法规定的这些标签的使用。

在上面的HTML结构中实际上是由2部分组成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>!DOCTYPE html---html声明【正常显示网页，还声明了html语法规范的版本】</h1>
		<h1>html---html文件【表示当前的文件是一个网页】</h1>
		<h1>head---html的头【定义标题，为浏览器执行html提供附加信息】</h1>
		<h1>head中的meta charset="utf-8"---设置当前网页的字符编码【防止中文乱码】</h1>
		<h1>head中的title---设置当前网页标题</h1>
		<h1>body---html的身体，将来显示我们网页具体效果的，也是我们操作html的主区域</h1>
	</body>
</html>

第一部分
```
<head>
		<meta charset="utf-8">
		<title></title>
</head>
```
包含在head标记中的内容就组成了html的头。定义网页标题，提供给浏览器一些执行html网页的附加信息。除过网页标题<title></title>可以在浏览器中看见，其他的附加信息我们是看不见的。
第二部分
```
<body>
		<h1>这个是一个html网页</h1>
</body>
```
包含在body标记中的内容就组成了html的身体，我们可以在body中编写自己的标记，body中的内容将会显示在浏览器的空白区域内，可是我们可以直观看到的，所以body才是我们操作html的主体部分。
Html常用标签
1.Html的结构标签
<!DOCTYPE html>----html声明
声明有助于浏览器中正确显示网页，指定html语法规范的版本。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的，以下方式均可：
```
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
```
HTML5

<!DOCTYPE html>-----当前的html文件采用HTML5的版本规范

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">
<html></html>----HTML文档标记
<head></head>--HTML的头标签 【定义标题，为浏览器显示网页提供附加信息】
<meta>---指定网页的字符编码，网页描述，关键词，文件的最后修改时间，作者，和其他附加信息。

指定网页的字符编码---<meta charset=”utf-8”>

<title></title>---设置网页标题的标记

6.<body></body>----html身体标记

出现在body这个标记中的内容都是可以被显示出来的

body将来就是我们的主要操作区域。

例如:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>!DOCTYPE html---html声明【正常显示网页，还声明了html语法规范的版本】</h1>
		<h1>html---html文件【表示当前的文件是一个网页】</h1>
		<h1>head---html的头【定义标题，为浏览器执行html提供附加信息】</h1>
		<h1>head中的meta charset="utf-8"---设置当前网页的字符编码【防止中文乱码】</h1>
		<h1>head中的title---设置当前网页标题</h1>
		<h1>body---html的身体，将来显示我们网页具体效果的，也是我们操作html的主区域</h1>
	</body>
</html>

FrostyDog11

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
2020-11-03

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> 这是一个网页 </body></html>什么是HTML? HTML超文本标记语言,是一种用来描述网页的标记语言. 我们可以这样理解“超文本”，普通的文件文件例如记事本编...
复制链接

扫一扫