HTML基本概念

2016/10/13 20:23:26admin0 阅读1 评论

<div>
<h2><span style=“color: #00ccff;”><strong>什么是 HTML？</strong></span></h2>
<ul>
<li>HTML 是用来描述网页的一种语言。</li>
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ul>
</div>
<div>
<h2><span style=“color: #00ccff;”><strong>HTML 标签</strong></span></h2>
<ul>
<li>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</li>
<li>HTML 标签是由尖括号包围的关键词，比如 <html></li>
<li>HTML 标签通常是成对出现的，比如 <b> 和 </b></li>
<li>标签对中的第一个标签是开始标签，第二个标签是结束标签</li>
<li>开始和结束标签也被称为开放标签和闭合标签</li>
</ul>
</div>
<div>
<h2><strong><span style=“color: #00ccff;”>HTML 文档 = 网页</span></strong></h2>
<ul>
<li>HTML 文档描述网页</li>
<li>HTML 文档包含 HTML 标签和纯文本</li>
<li>HTML 文档也被称为网页</li>
</ul>
</div>
<div>
<h2><span style=“color: #00ccff;”><strong><!DOCTYPE>声明帮助浏览器正确地显示网页。</strong></span></h2>
<p><!DOCTYPE>不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。</p>
<h4>HTML5声明</h4>
<p><span style=“color: #ff0000;”><!DOCTYPE html></span></p>
<h4>HTML 4.01</h4>
<p><span style=“color: #ff0000;”><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”“http://www.w3.org/TR/html4/loose.dtd”></span></p>
<h4>XHTML 1.0</h4>
<p><span style=“color: #ff0000;”><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”></span></p>
<h2><strong><span style=“color: #00ccff;”>这就试写一个HTML文件吧！</span></strong></h2>
打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。
<!DOCTYPE html>
<html>
<head>
<title>Title of pag</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
<p>要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。</p>
<h2><strong><span style=“color: #00ccff;”>示例解释</span></strong></h2>
<p>这个文件的第一个Tag是<html>，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>，表示HTML文件到此结束。<p>
<p>在<head>和</head>之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。<p>
<p>在<title>和</title>之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。<p>
<p>在<body>和</body>之间的信息，是正文。</p>
<p>在<b>和</b>之间的文字，用粗体表示。<b>顾名思义，就是bold的意思。</p>
<p>HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如<html>，<b>等，通过这些Tag，可以告诉浏览器如何显示这个文件。</p>
</div>

评论区