zoukankan      html  css  js  c++  java
  • HTML学习笔记之基础

    HTML 是用来描述网页的一种语言,HTML指的是HyperText Markup Language(超文本标记语言)。

    HTML实例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
    </head>
    <body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
    </body>
    </html>

    实例解析:

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容
    • <h1> 元素定义一个大标题
    • <p> 元素定义一个段落

    HTML标记标签通常被称为HTML标签: <标签> 内容 </标签>,通常来说,只有body区域才会在浏览器中显示。

    HTML元素语法:

    • HTML 元素以开始标签起始
    • HTML 元素以结束标签终止
    • 元素的内容是开始标签与结束标签之间的内容
    • 某些 HTML 元素具有空内容(empty content)
    • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
    • 大多数 HTML 元素可拥有属性

      没有内容的HTML元素被称为空元素,空元素是在开始标签中关闭的,<br>就是没有关闭标签的空元素,在开始标签中添加斜杠,比如</br>是关闭空元素的正确方法。

    HTML属性
      HTML元素可以设置属性,属性可以在元素中添加附加信息,属性一般描述于开始标签,属性总是以名称/值对的形式出现,比如width="258"。

    HTML标题
      HTML标题通过<h1>-<h6>标签来定义,例如:

     <h1>这是一个标题</h1>
     <h2>这是一个标题</h2>
     <h3>这是一个标题</h3>

      其中h1定义最大标题,h6定义最小标题。

    HTML水平线
      <hr>标签在HTML页面中创建水平线,一般的,hr可用于分割内容。

    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>

    HTML注释

      可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。注释写法如下:
      <!-- 这是一个注释 -->
    HTML段落
      HTML段落是通过标签<p>来定义的,例如:

    <p>这是一个段落。</p>
    <p>这是另外一个段落。</p>

      浏览器会自动地在段落的前后添加空行。(</p> 是块级元素)
    HTML折行
      如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
      <p>这个<br>段落<br>演示了分行的效果</p>

    HTML文本格式化

      示例如下:

    <b>加粗文本</b><br><br>
    <i>斜体文本</i><br><br>
    <code>电脑自动输出</code><br><br>
    这是 <sub> 下标</sub><sup> 上标</sup>

      HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

    HTML链接
      
    HTML链接是通过标签<a>来定义的,例如:

    <a href="https://www.supermap.com" target="_blank">欢迎访问北京超图软件股份有限公司官网</a>

      超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签<a> 中使用了href属性来描述链接的地址,href 属性描述了链接的目标,使用 target 属性,你可以定义被链接的文档在何处显示。

      HTML链接-id属性,id属性可用于创建一个HTML文档书签标记,书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

    HTML图像
      HTML图像是通过标签<img>来定义的

    <img src="/Giser.png" width="258" height="300"></img>

     

  • 相关阅读:
    openstack controller ha测试环境搭建记录(七)——配置glance
    openstack controller ha测试环境搭建记录(六)——配置keystone
    openstack controller ha测试环境搭建记录(五)——配置rabbitmq集群
    spring classpath & classpath*
    SVN相关
    eclipse安装springboot插件
    Hbase Shell常用命令
    CentOS下安装Hbase
    CentOS安装JDK-tar.gz文件
    Linux常用命令
  • 原文地址:https://www.cnblogs.com/mohanchen/p/8762922.html
Copyright © 2011-2022 走看看