HTML其实是Hypertext Markup Language的缩写,即超文本标记语言。 HTML的后缀名:.html
html文件
那么什么是超文本标记语言?
给纯文本添加语义。其实就是告诉浏览器,我要表示的是什么。
新建txt文本
修改它的后缀名打开后,发现没有任何版式可言
<h1>内容</h1>,<p>内容</p>
使用HTML的语法修改一下
在浏览器中发现相当漂亮
结论:<p>内容</p>
用来描述其他文本语义的文本,我们称为标签。这些用来描述文本语义的标签是不会在浏览器中显示的。我们称这些文本为超文本,这些文本又叫做标签,所以就称HTML为超文本标记语言。
注意点:
刚才使用<h1>内容</h1>
只是用来给文本添加语义,告诉浏览器这是标题文本,而不是修改了文本的样式,加粗等。所以学习的童鞋要注意。。。
在1993年6月作为[互联网]工程工作小组IETF工作草案发布并非标准 HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日,W3C推荐标准 HTML 4.0——1997年12月18日,W3C推荐标准 HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准 HTML 5——2014年10月28日,W3C推荐标准ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。
HTML发展史
第一个HTML5程序
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
切记要修改它的后缀名.html
<html> // HTML开始标签
<head> // 头部开始标签
<title></title>
</head> // 头部结束标签
<body> // 内容开始标签
</body> // 内容结束标签
</html> // 结束标签
没有回车之前
回车之后
最终显示
效果
具体写法
其实很多情况下,我们会遇到乱码问题。这个就是字符集问题,即编码问题
image.png
这是什么意思?表示编码格式
看完应该明白了
<meta charset="GBK"/>
例如百度网址的head
两者一样即可
<meta charset="utf-8"/>
<html>
</html>
<head>
</head>
<body>
</body>
<head>
<title>
</title>
</head>
<!DOCTYPE html> // 这是HTML5版本的文档声明,可以使用小写,向下兼容,所以以后就写着一句就可以了
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
关于DOCTYPE声明
参考资料:W3C
如果在一些版本中不支持下面的写法,就需要使用CSS写法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>雷潮博客-886</title>
</head>
<body>
<font size=7 color= red>雷潮</font>
</body>
</html>
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>雷潮博客-886</title>
<style type="text/css">
p{
font-size: 100px;
color: red;
font-family: "黑体";
}
</style>
</head>
<body>
<font size=7 color= red face="宋体">雷潮</font>
<p>这是雷潮886</p>
</body>
</html>
其实就是DOS系统只支持长度为3的后缀名,不支持4位后缀名。而Windows下.html是长文件命名