HTML基础----HTML基本要素（一）

Eagle89 2017-06-27

展开全文

HTML基础----HTML基本要素（一）

一、HTML简介

　　HTML((Hyper Text Markup Language)通常称为超文本标记语言，是一种文本类、解释执行的标记语言，是Internet上用于编写网页的主要语言。HTML使用标记标签来描述网页，HTML 标签是由尖括号包围的关键词，比如 <html>；HTML 标签通常是成对出现的，比如 <b> 和 </b>；标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。

<html>
<head>
<title>文件标题</title>
</head>
<body>
文件正文
</body>
</html>

<html> 与 </html> 之间的文本描述网页
<title> 与 </title> 之间的文本描述网页标题
<body> 与 </body> 之间的文本是可见的页面内容

二、HTML基本要素

（1）HTML标题

HTML 标题（Heading）通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

标题文字对齐方式——align

　　语法：align="对齐方式"

属性值：left(左对齐)、center(居中对齐)、right(右对齐)

<html>
<body>

<h1 align="center">望庐山瀑布</h1>
<h2 align="right">李白</h2>
<h3 align="center">日照香炉生紫烟，遥看瀑布挂前川。</h3>
<h3 align="center">飞流直下三千尺，疑是银河落九天。</h3>

</body>
</html>

（2）HTML段落

HTML 段落通过 <p> 标签进行定义，可以使用成对的<p>，也可以使用单独的<p>标记来划分段落。

<html>
<body>

<p>这是段落1。</p>
<p>这是段落2。</p>
这是段落3。<p>

<p>段落元素由 p 标签定义。</p> 

</body>
</html>

取消文字换行标记——nobr

　　如果浏览器中单行文字的宽度过长，浏览器会自动将该行文字换行显示。如果希望强制浏览器不换行显示，可用该标记。

　　语法：<nobr> 不换行显示的文字 </nobr>

换行标记——br

　　段落与段落之间是隔行换行的，造成文字的行间距过大，可用该换行标记来完成行间的紧凑换行显示。一个<br/>表示一个换行，连续多个标记可以多次换行。

　　语法：<br/>

<html>
<body>

已亥杂诗——龚自珍<br/><br/>
九州生气恃风雷，万马齐喑究可哀。<br/>
我劝天公重抖擞，不拘一格降人才。<br/>

</body>
</html>

保留原始排版标记——pre

　　语法：<pre> 排版的文字 </pre>

<html>
<body>

<p> 下面是原始排版方式效果 </p>
<pre>
      66       33333
     6666       333
    666666       3
</pre>

</body>
</html>

使文字水平居中——center

　　语法：<center> 文字 </center>

<html>
<body>

<center>
<p> 汉乐府《长歌行》 </p>
青青园中葵，朝露待日晞。<br/>   
阳春布德泽，万物生光辉。<br/>  
常恐秋节至，焜黄华叶衰。<br/>   
百川东到海，何时复西归? <br/>  
少壮不努力，老大徒伤悲。
</center>

</body>
</html>

文字段落缩进——blockquote

　　使用该标记可实现页面文字的段落缩进。每使用一次，段落就缩进一次，可以嵌套使用，以达到不同的缩进效果。

　　语法：<blockquote> 缩进的文字 </blockquote>

<html>
<body>


<p> 《短歌行》 </p>
<blockquote><blockquote><blockquote>曹操</blockquote></blockquote></blockquote> 
<blockquote><blockquote>对酒当歌，人生几何！譬如朝露，去日苦多。</blockquote></blockquote>
<blockquote><blockquote>慨当以慷，忧思难忘。何以解忧？唯有杜康。</blockquote></blockquote>   
<blockquote>青青子衿，悠悠我心。但为君故，沉吟至今。</blockquote> 
<blockquote>呦呦鹿鸣，食野之苹。我有嘉宾，鼓瑟吹笙。</blockquote> 
明明如月，何时可掇？忧从中来，不可断绝。<br/>
越陌度阡，枉用相存。契阔谈讌，心念旧恩。<br/>
月明星稀，乌鹊南飞。绕树三匝，何枝可依？<br/>
山不厌高，海不厌深。周公吐哺，天下归心。

</body>
</html>