码迷,mamicode.com
首页 > Web开发 > 详细

HTML 基本标签

时间:2014-05-15 21:18:16      阅读:362      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   c   

  HTML中最重要的标签是那些定义标题,段落,转行的标签。

  学习HTML最好的方法是通过实例练习。W3S打造了一个非常出色的HTML编辑器。

  使用这个编辑器,可以随意地编辑你的HTML代码,然后点击按钮去查看它的显示结果。

  实例

  简单的HTML文档

  这是个非常简单的HTML文档举例,只使用了少量的HTML标签。它所要演示的是浏览器中在body元素中的文字是怎样显现的。

  简单的段落

  这个举例所演示的是浏览器中在段落元素中的文字是怎样显现的。

  标题

  标题标签被定义在<h1>到<h6>这个范围内。<h1>为最大的标题,<h6>为最小的。

bubuko.com,布布扣
<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>
bubuko.com,布布扣

  HTML会给标题上下自动加上额外的空行。

 

  段落用<p>标签定义段落。

<p>This is a paragraph</p>
<p>This is another paragraph</p>

  HTML会给段落上下加上额外的空行。

 

  换行

  当你只是想换行,而非从新开始一个段落的话,那可以使用<br>标签。 放在任意一行中都会使它换行。

bubuko.com,布布扣
This is<br />
a<br />
paragraph<br/>
with<br />
a<br />
line<br />
break<br />
bubuko.com,布布扣

  
  <br>标签是空标签。它没有闭合标签。

 

  HTML注释

  注释标签通常是插入HTML源码中的。

  注释会被浏览器所忽视。你可以用注释来解释你的代码,这样对你将来重新编辑这些代码会带来帮助。

<!-- This is a comment -->

  要注意感叹号是写在前尖括号之后,而非后尖括号之前。

 

  实用技巧

  当你写HTML文档的时候,一般不能肯定这个文档在每个不同浏览器中显示的样子。因为一些人使用大屏幕的显示器, 一些就小些。文档随着窗口的变化而变化。不要尝试在编辑器中使用空行或者空格来格式化你的文档。

  HTML会把文档中那些空开的地方截掉。再多的空格也只会以一个空格的效果来显示。 额外的信息:在HTML中每一行可以想象成是一个单独的空间。

  HTML会前后给一些元素自动添加额外的空行,像段落和标题。

  我们使用一个水平线<hr>标签 ),来划分我们教材的每个部分。


 

  更多实例

bubuko.com,布布扣
<html>    定义HTML文档
<body> 定义文档的主体 <h1>to<h6> 定义1号标题到6号标题 <p> 定义段落 <br> 插入换行 <hr> 定义水平分隔线 <!--> 定义注释
bubuko.com,布布扣

 

HTML 基本标签,布布扣,bubuko.com

HTML 基本标签

标签:style   blog   class   code   java   c   

原文地址:http://www.cnblogs.com/aobingyan/p/3729702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!