没有专门看过HTML的知识,到w3school网站上扫了一下盲,把一些基础知识总结下。
一.什么是HTML文件
HTML指超文本标签语言
HHTML文件是一个包含一些标签的文本文件
这些标签告诉WEB浏览器如何显示页面
HTML文件必须有htm或者html作为文件扩展名
HTML文件可以由一个简单的文本编辑器创建
二.一个简单的html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
1.DOCTYPE是document type(文档类型)的简写,在Web设计中用来说明你用的XHTML或者HTML是什么版本。
2.meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,关于meta这里不在详细解释。
上例中meta用以说明主页制作所使用的文字以及语言
3.HTML文件中的第一个标签是<html>。这个标签告诉浏览器这个一个HTML文件的开始点。文件中最后一个标签是</html>。这个标签告诉您的浏览器,这是HTML文件的结束点。
4.位于<head>标签和</head>标签之间的文本是头信息。头信息不会显示于浏览器窗口中。
5.<title>标签中的文本是文件的标题。标题会显示在浏览器的标题栏。
6.<body>标签中的文本是将被浏览器显示出来的文本。
7.<b>和</b>标签中的文本将以粗体显示。
三.扩展名问题
当您将一个HTML文件存盘时,您即可以使用HTM也可以使用HTML作为扩展名。我们刚才使用的.htm作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。
四.HTML标签
HTML文档是由HTML元素构成的文本文件,HTML元素是通过使用HTML标签进行定义的。
1.HTML标签是用来标记HTML元素的。
2.HTML标签被<和>符号包围。
3.这些包围的符号叫作标签
4.HTML标签是成对出现的。例如<b>和</b>。
5.位于起始标签和终止标签之间的文本是元素的内容。
6.HTML标签对大小写不敏感,<b>和<B>的作用的相同的。
五.为什么我们要使用小写的标签
HTML标签对大小写是不敏感的:<b>和<B>的作用的相同的。你可能会发现很多HTML中都使用大写的标签。而为什么推荐使用小写的标签呢?
如果您希望为使用下一代HTML而做好准备,您就应该使用小写标签。万维网协会(W3C)的标准是:建议在HTML 4中使用小写标签,而在XHTML(下一代HTML)中,必须使用小写标签。
六.标签属性
标签可以有属性,属性可以为页面中的HTML元素提供附加的信息。
如<body>标签用来定义页面的body元素。通过添加一个bgcolor属性,可以告知浏览器将页面的背景颜色显示为红色,如:
<body bgcolor="red">
属性由属性名和值组成:
name="value"
属性应该被添加到HTML元素的起始标签。
七.单引号还是双引号
标签属性值应被置于引号之间。通常情况下应该使用双引号,不过使用单引号也没有问题。但是在个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='John"ShotGun"Nelson'
分享到:
相关推荐
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
HTML基础笔记
30节--HTML基础笔记.rar
HTML前端基础笔记,内容资源源于pink老师的视频,并也参考了部分公众号文章
html笔记
这是我自己做的有关于css html 超文本标记语言的笔记 希望能够帮到初入网站你
里面有非常详细的Html的基础内容,很适合新手学习。
html详细笔记 非常详细
燕十八的html+js笔记,方便复习查看
python基础学习笔记,0基础学Python,Python在众多编程语言中可以说是最简单的语言了,学语言从Python开始!
下面小编就为大家带来一篇HTML基础笔记(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
前端HTML基础笔记
个人整理HTML基础笔记
html 基础标签知识,适合初学者,标签及使用说明。 入门知识,前端开发入门使用。 基础学习笔记。
已整理好基础版和高级版笔记 导出为pdf 和html 格式 界面清晰美观,均有详细目录
html+css基础笔记
笔记HTML基础.html