• HTML学习笔记1


    注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

    <!DOCTYPE html>

    <html>

      <head>

        <meta charset="utf-8">

          <title>菜鸟教程(runoob.com)</title>

      </head>

      <body>

         <h1>我的第一个标题</h1>

         <p>我的第一个段落。</p>

      </body>

    </html>

    实例解析

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容
    • <h1> 元素定义一个大标题
    • <p> 元素定义一个段落

    HTML 是用来描述网页的一种语言。

    • HTML 指的是超文本标记语言: HyperText Markup Language
    • HTML 不是一种编程语言,而是一种标记语言
    • 标记语言是一套标记标签 (markup tag)
    • HTML 使用标记标签来描述网页
    • HTML 文档包含了HTML 标签文本内容
    • HTML文档也叫做 web 页面

    HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

    • HTML 标签是由尖括号包围的关键词,比如 <html>
    • HTML 标签通常是成对出现的,比如 <b> 和 </b>
    • 标签对中的第一个标签是开始标签,第二个标签是结束标签
    • 开始和结束标签也被称为开放标签闭合标签
    <标签>内容</标签>
     
     

    只有 <body> 区域 (白色部分) 才会在浏览器中显示。

    HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

    HTML 链接是通过标签 <a> 来定义的.

    <a href="http://www.runoob.com">这是一个链接</a>

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

    <img src="/images/logo.png" width="258" height="39" />

    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

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

    在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

    在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

    即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

    • 属性一般描述于开始标签
    • 属性总是以名称/值对的形式出现,比如:name="value"
    1. class 属性可以多用 class=" " (引号里面可以填入多个class属性)
    2. id 属性只能单独设置 id=" "(只能填写一个,多个无效)

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

    <!-- 这是一个注释 -->

    在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签:

    <p>这个<br>段落<br>演示了分行的效果</p>

    <pre>
    此例演示如何使用 pre 标签
    对空行和 空格
    进行控制
    </pre>

    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>

    <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>

    <p>仅对于 IE 5 中的 acronym 元素有效。</p>

    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

    <p>该段落文字从左到右显示。</p>
    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

    <p>WWF's goal is to:
    <q>Build a future where people live in harmony with nature.</q>
    We hope they succeed.</p>

    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

  • 相关阅读:
    Acrobat dose not allow connection to:
    如何备份sqlite数据库
    Linux下Perl的安装
    Sqlserver取分组后的第一条数据
    JS根据占比计算名次范围
    eltable单元格换行显示,超出部分省略号
    二 前端框架引入、结构分配和路由定义
    扩展运算符(...)
    eltable动态合并行列
    解决table中换行符<br>被字符化得问题
  • 原文地址:https://www.cnblogs.com/chickenwrap/p/10064142.html
Copyright © 2020-2023  润新知