我的html总结---1_关于我 html-CSDN博客

本文链接：https://blog.csdn.net/weixin_52187847/article/details/109471907

例子：

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

什么是HTML?

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

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

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

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

我们学习html就是学习它的标记。

HTML作用？

我们学习html就是学习它的标记。

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

软件的组成

界面
后台处理程序
数据

我们学习html可以编写网页，编写的网页可以充当软件界面。

编写的网页可以充当软件界面,这样的界面具有通用型。

HTML的编辑工具

记事本
1. 新建记事本文件
2. 写入html代码
3. 修改记事本文件的名称【以“.html”结尾】

缺点：没有提示功能，所有的代码内容都需要手动输入，效率极低。

专业的IDE[集成开发环境] 提高开发效率

Notepad++：http://www.html.cn/tool/edit/2.html

Sublime 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部分组成

第一部分

<head>

</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>

</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>