HTML基本知识
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>什么是HTML</h3>HTML的英文全<span style="color: black;">叫作</span>是Hypertext Marked Language，中文叫做“超文本标记语言”。和<span style="color: black;">通常</span>文本的<span style="color: black;">区别</span>的是，一个HTML文件不仅<span style="color: black;">包括</span>文本内容，还<span style="color: black;">包括</span><span style="color: black;">有些</span>Tag，中文<span style="color: black;">叫作</span>“标记”。一个HTML文件的后缀名是.htm<span style="color: black;">或</span>是.html。 用文本编辑器就<span style="color: black;">能够</span>编写HTML文件。<h3 style="color: black; text-align: left; margin-bottom: 10px;">二、<span style="color: black;">怎样</span>编写HTML文件</h3>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">让<span style="color: black;">咱们</span>先创建<span style="color: black;">第1</span>个HTML文件！</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><html> <head> <title>simple</title> </head> <body>Thisisasimple.<b>Thistextisbold</b></body> </html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML元素</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个文件的<span style="color: black;">第1</span>个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，<span style="color: black;">暗示</span>HTML文件到此结束。在和之间的内容，是Head信息。Head信息是不<span style="color: black;">表示</span>出来的，你在浏览器里看不到。<span style="color: black;">然则</span>这并不<span style="color: black;">暗示</span>这些信息<span style="color: black;">无</span>用处。<span style="color: black;">例如</span>你<span style="color: black;">能够</span>在Head信息里加上<span style="color: black;">有些</span><span style="color: black;">重要</span>词，有助于搜索引擎能够搜索到你的网页。在和之间的内容，是这个文件的标题。你<span style="color: black;">能够</span>在浏览器最顶端的标题栏看到这个标题。在和之间的信息，是正文。在b和/b之间的文字，用粗体<span style="color: black;">暗示</span>。b顾名思义，<span style="color: black;">便是</span>bold的意思。</p>HTML文件看上去和<span style="color: black;">通常</span>文本类似，<span style="color: black;">然则</span>它比<span style="color: black;">通常</span>文本多了Tag，<span style="color: black;">例如</span><html>,<body>等，<span style="color: black;">经过</span>这些Tag，<span style="color: black;">能够</span>告诉浏览器<span style="color: black;">怎样</span><span style="color: black;">表示</span>这个文件。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML元素属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML元素<span style="color: black;">能够</span><span style="color: black;">持有</span>属性。属性<span style="color: black;">能够</span>扩展HTML元素的能力。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>你<span style="color: black;">能够</span><span style="color: black;">运用</span>一个bgcolor属性，使得页面的背景色<span style="color: black;">作为</span>红色，就像<span style="color: black;">这般</span>：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">再<span style="color: black;">例如</span>，你<span style="color: black;">能够</span><span style="color: black;">运用</span>border这个属性，将一个表格设成一个<span style="color: black;">没</span>边框的表格。如下：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性<span style="color: black;">一般</span>由属性名和值成对<span style="color: black;">显现</span>，就像<span style="color: black;">这般</span>：name="value"</p>上面例子中的bgcolor, border<span style="color: black;">便是</span>name，red和0<span style="color: black;">便是</span>value。属性值<span style="color: black;">通常</span>用双引号标记起来。属性<span style="color: black;">一般</span>是附加给HTML的Opening Tag，而不是Closing Tag。
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span><span style="color: black;">基本</span>HTML tag</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML里，比较<span style="color: black;">基本</span>的Tag<span style="color: black;">重点</span>用于标题，段落和分行。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">学习HTML最好的<span style="color: black;">办法</span>，<span style="color: black;">便是</span>跟着示例学。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML用</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">到</h1>
这几个Tag来定义正文标题，从大到小。<span style="color: black;">每一个</span>正文标题自成一段。
<h1 style="color: black; text-align: left; margin-bottom: 10px;">This is a heading</h1>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">This is a heading</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">This is a heading</h3>
This is a heading
This is a heading
This is a heading
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">表示</span>为：</p><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>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">段落划分</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在HTML里用</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">和</p>划分段落。<p>This is a paragraph</p><p>This is another paragraph</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">换行</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span><span style="color: black;">运用</span><br>这个Tag，<span style="color: black;">能够</span>在不新建段落的<span style="color: black;">状况</span>下换行。<br><span style="color: black;">无</span>Closing Tag。用<p>换行是个坏习惯，正确的是<span style="color: black;">运用</span><br>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p>This <br> is a para<br>graph with line breaks</p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML注释</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在HTML文件里，你<span style="color: black;">能够</span>写代码注释，解释说明你的代码，<span style="color: black;">这般</span>有助于你he他人日后能够更好地理解你的代码。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">注释<span style="color: black;">能够</span>写在``之间。浏览器是忽略注释的，你不会在HTML</p>正文中看到你的注释
这夸赞甜到心里，让我感觉温暖无比。 论坛外链网http://www.fok120.com/ 你的见解独到，让我受益匪浅，非常感谢。
页:
[1]