一、什么是HTML?
HTML是超文本标记语言,是一种用来描述网页的标记语言.我们可以这样理解“超文本”,普通的文件文件例如记事本编辑文字内容,而超文本可以通过编辑文字的没内容显示文字、图片、视频...,所以超文本就是文本更加高级。HTML中的标记(标签)不是我们自己定义的,而是HTML语法规范提供的。
例如:<html></html>, <head></head>......
我们学习html就是学习它的标记。
二、HTML的作用?
我们学习html就是学习它的标记。
我们学习html可以编写网页。
HTML与软件的关联
软件的组成大致分为三部分:
-
界面
-
后台处理程序
-
数据
学习Html可以编写网页,编写的网页可以充当软件界面。
编写的网页可以充当软件界面,这样的界面具有通用性。
三、HTML的编辑工具
1.记事本
- 新建记事本文件
- 写入HTML代码
- 修改记事本文件扩展名【以“HTML”结尾】 (缺点:没有提示功能,所有的代码内容都需要手动输入,效率极低。)
2.专业的IDE[集成开发环境] (提高开发效率)
1.Notepad++:http://www.html.cn/tool/edit/2.html
2.Sublime Text:http://www.html.cn/tool/edit/6.html
3.WebStorm:https://www.html.cn/tool/edit/8.html
4.HBuilderX: https://www.dcloud.io/hbuilderx.html
四、Web 浏览器
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
Html创建的网页只能被浏览器解释执行
web浏览器有两种内核 IE内核 webkit 内核 ,浏览器内核的不同会造成网页内容显示的差异性。
五、HTML 标签
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
格式:<标签>内容</标签>
*html的标签不是胡乱编写出来的,它是html语法规定的。
我们学习html,就是在学习html语法规定的这些标签的使用。
在上面的HTML结构中实际上是由2部分组成
- 第一部分
<head>
<meta charset="utf-8">
<title></title>
</head>
包含在head标记中的内容组成了htmlHTML的头。定义网页标题,提供给浏览器一些执行html网页的附加信息。除过网页标题<title></title>可以在浏览器中看见,其他的附加信息我们是看不见的。
2.第二部分
<body>
<h1>这个是一个html网页</h1>
</body>
包含在body标记中的内容就组成了html的身体,我们可以在body中编写自己的标记,body中的内容将会显示在浏览器的空白区域内,可是我们可以直观看到的,所以body才是我们操作html的主体部分。
六、Html常用标签
Html的结构标签
一 、<!DOCTYPE html>----html声明
声明有助于浏览器中正确显示网页,指定html语法规范的版本。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
2.HTML版本
1.HTML5
<!DOCTYPE html>-----当前的html文件采用HTML5的版本规范
2.HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
3.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”>
<meta>设置的网页信息是不会显示。
五 、<title> </title>---设置网页标题的标记
六 、<body> </body>----html身体标记
出现在body这个标记中的内容都是可以被显示出来的
body将来就是我们的主要操作区域。
实例
<!DOCTYPE html>
<html>
<head>
<title>html1</title>
</head>
<body>
<h1>HELLOWORLD</h1>
</body>
</html>