zoukankan      html  css  js  c++  java
  • HTML 基本标签

      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> 定义水平分隔线 <!--> 定义注释
  • 相关阅读:
    递归
    Python 实例方法、类方法、静态方法的区别与作用
    内置函数和匿名函数
    迭代器和生成器
    函数动态传参详细,作用域和名称空间,global和nonlocal
    初识函数(定义,语法,返回值,参数)
    pycharm快捷键第二弹
    pycharm快捷键
    bmp图片显示
    jpg图片在开发板上显示
  • 原文地址:https://www.cnblogs.com/aobingyan/p/3729702.html
Copyright © 2011-2022 走看看