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