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>

 

 

ps:部分转自 http://www.w3school.com.cn

posted @ 2016-08-11 11:02  一碗周  阅读(847)  评论(0编辑  收藏  举报