HTML中最重要的标签是那些定义标题,段落,转行的标签。
学习HTML最好的方法是通过实例练习。W3S打造了一个非常出色的HTML编辑器。
使用这个编辑器,可以随意地编辑你的HTML代码,然后点击按钮去查看它的显示结果。
实例
简单的HTML文档
这是个非常简单的HTML文档举例,只使用了少量的HTML标签。它所要演示的是浏览器中在body元素中的文字是怎样显现的。
简单的段落
这个举例所演示的是浏览器中在段落元素中的文字是怎样显现的。
标题
标题标签被定义在<h1>到<h6>这个范围内。<h1>为最大的标题,<h6>为最小的。
<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>
HTML会给标题上下自动加上额外的空行。
段落用<p>标签定义段落。
<p>This is a paragraph</p> <p>This is another paragraph</p>
HTML会给段落上下加上额外的空行。
换行
当你只是想换行,而非从新开始一个段落的话,那可以使用<br>标签。 放在任意一行中都会使它换行。
This is<br /> a<br /> paragraph<br/> with<br /> a<br /> line<br /> break<br />
<br>标签是空标签。它没有闭合标签。
HTML注释
注释标签通常是插入HTML源码中的。
注释会被浏览器所忽视。你可以用注释来解释你的代码,这样对你将来重新编辑这些代码会带来帮助。
<!-- This is a comment -->
要注意感叹号是写在前尖括号之后,而非后尖括号之前。
实用技巧
当你写HTML文档的时候,一般不能肯定这个文档在每个不同浏览器中显示的样子。因为一些人使用大屏幕的显示器, 一些就小些。文档随着窗口的变化而变化。不要尝试在编辑器中使用空行或者空格来格式化你的文档。
HTML会把文档中那些空开的地方截掉。再多的空格也只会以一个空格的效果来显示。 额外的信息:在HTML中每一行可以想象成是一个单独的空间。
HTML会前后给一些元素自动添加额外的空行,像段落和标题。
我们使用一个水平线<hr>标签 ),来划分我们教材的每个部分。
更多实例
<html> 定义HTML文档
<body> 定义文档的主体 <h1>to<h6> 定义1号标题到6号标题 <p> 定义段落 <br> 插入换行 <hr> 定义水平分隔线 <!--> 定义注释