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

    HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

    <h1>二狗是sb</h1>
    <h2>haha</h2>
    <h3>This is a heading</h3>

    HTML 段落是通过 <p> 标签进行定义的。

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

    HTML 链接是通过 <a> 标签进行定义的。

     <a href="http://www.baidu.com.">This is a link</a>

    HTML 图像是通过 <img> 标签进行定义的。

    <img src="1.jpg" width="104" height="142" />

    <br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

    更多 HTML 属性实例

    属性例子 1:

    <h1> 定义标题的开始。

    <h1 align="center"> 拥有关于对齐方式的附加信息。

    应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

    属性例子 2:

    <body> 定义 HTML 文档的主体。

    <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

    属性例子 3:

    <table> 定义 HTML 表格。

    <table border="1"> 拥有关于表格边框的附加信息。

     

    始终为属性值加引号

    属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

    在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

    name='Bill "HelloWorld" Gates'
     
    属性描述
    class classname 规定元素的类名(classname)
    id id 规定元素的唯一 id
    style style_definition 规定元素的行内样式(inline style)
    title text 规定元素的额外信息(可在工具提示中显示)

     

    HTML 水平线

    <hr /> 标签在 HTML 页面中创建水平线。

    hr 元素可用于分隔内容。

    实例

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

    HTML 注释

    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

    注释是这样写的:

    实例

    <!-- This is a comment -->
    标签描述
    <html> 定义 HTML 文档。
    <body> 定义文档的主体。
    <h1> to <h6> 定义 HTML 标题
    <hr> 定义水平线。
    <!--> 定义注释。
    
    

     例如:

    <html>

    <body>

    <h1>春晓</h1>

    <p>
      春眠不觉晓,
        处处闻啼鸟。
          夜来风雨声,
            花落知多少。
    </p>

    <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>

    </body>

    </html>

     浏览器会省略了多余的空格和换行。

     看到:

  • 相关阅读:
    TensorFlow设置GPU占用量
    与服务器同步工程(expect脚本)
    C/C++中#pragma once的使用
    sublime text 3 快捷键大全
    Sublime Text 3 注册码
    如何用diff比较两个文件夹下的内容
    Error in building opencv with ffmpeg
    opencv: Rotate image by 90, 180 or 270 degrees
    初识HTTPS
    Unity3D之Mecanim动画系统学习笔记(十一):高级功能应用
  • 原文地址:https://www.cnblogs.com/xsyl/p/5761058.html
Copyright © 2011-2022 走看看