首页 > 代码库 > HTML 基本标签

HTML 基本标签

2024-07-04 14:33:47   230人阅读

　　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>    定义水平分隔线
<!-->    定义注释

 


联系
我们