这是一篇html5入门教程,为了让更多的初学者找到正确的方向,所以本篇都是关于初学者如何系统的学习html5。
1.什么是html文件?
tml的英文全称是hypertext marked language,中文叫做“超文本标记语言”。
和一般文本的不同的是,一个html文件不仅包含文本内容,还包含一些tag,中文称“标记”。
一个html文件的后缀名是.htm或者是.html。
用文本编辑器就可以编写html文件。
2.写一个html文件
tml的英文全称是hypertext marked language,中文叫做“超文本标记语言”。
和一般文本的不同的是,一个html文件不仅包含文本内容,还包含一些tag,中文称“标记”。
一个html文件的后缀名是.htm或者是.html。
用文本编辑器就可以编写html文件。
<html><head><title></title></head><body>this is my first homepage.<b>this text is bold</b> </body></html>
要浏览这个first.html文件,双击它。或者打开浏览器,在file菜单选择open,然后选择这个文件就行了。
这个文件的第一个tag是<html>,这个tag告诉你的浏览器这是html文件的头。文件的最后一个tag是</html>,表示html文件到此结束。
在<head>和</head>之间的内容,是head信息。head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。
在<body>和</body>之间的信息,是正文。
在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。
html文件看上去和一般文本类似,但是它比一般文本多了tag,比如<html>,<b>等,通过这些tag,可以告诉浏览器如何显示这个文件。
html元素(html elements)
html元素(html element)用来标记文本,表示文本的内容。比如body, p, title就是html元素。
html元素用tag表示,tag以<开始,以>结束。
tag通常是成对出现的,比如<body></body>。起始的叫做opening tag,结尾的就叫做closing tag。
目前html的tag不区分大小写的。比如,<html>和<html>其实是相同的。
html元素(html elements)的属性
html元素可以拥有属性。属性可以扩展html元素的能力。
比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:
<body bgcolor="red">
再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下:
<table border="0">
属性通常由属性名和值成对出现,就像这样:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。 属性通常是附加给html的opening tag,而不是closing tag。
正文标题
这个示例告诉你如何在html文件里定义正文标题。
html用<h1>到<h6>这几个tag来定义正文标题,从大到小。每个正文标题自成一段。
<h1>this is a heading</h1><h2>this is a heading</h2><h3>this is a heading</h3> <h4>this is a heading</h4> <h5>this is a heading</h5> <h6>this is a heading</h6>
段落划分
在html里用<p>和</p>划分段落。
<p>this is a paragraph</p><p>this is another paragraph</p>
换行
通过使用<br>这个tag,可以在不新建段落的情况下换行。<br>没有closing tag。 用<p>换行是个坏习惯,正确的是使用<br>。
<p>this<br>is a para<br>graph with line breaks</p>
html注释
在html文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在<!--和-->之间。浏览器是忽略注释的,你不会在html正文中看到你的注释。
<!--this is a comment -->
一些小建议
html文件会自动截去多余的空格。不管你加多少空格,都被看做一个空格。一个空行也被看做一个空格。
有些tag能够将文本自成一段,而不需要使用e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3来分段。比如4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a之类的标题tag。
【相关推荐】
html和html5的发展历史
html的基础元素,让你零基础学习html
以上就是什么是html文件?html文件的初步认识的详细内容。