zoukankan      html  css  js  c++  java
  • HTML5 基础内容(元素/属性/格式化)

    HTML基础


    1.HTML元素

    1.1 元素指的是开始标签到结束标签的所有代码。

    1.2 元素的内容是开始标签与结束标签之间的内容。

    1.3大多数HTML元素可用有属性。

    1.4标签可以拥有属性为元素提供更多的信息。

    1.5常用的标签属性:

    <h1>:align对齐方式
    <body>:bgcolor背景颜色
    <a>:target规定在何处打开标签

    测试原码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>1234</title>
    </head>
    <body bgcolor="#7fffd4">             <!--<body>:bgcolor背景颜色-->
    <a href="HTML3.1.html" target="_blank">打开本地</a>   <!--<a>:target规定在何处打开标签,示例中的在另一个空白页打开这个链接-->
    <h1 align="center">标题</h1>      <!--<h1>:align对齐方式-->
    </body>
    </html>

    1.6通用属性:

    class:规定元素的类名
    id:规定元素唯一ID
    style:规定元素的样式
    title:规定元素的额外信息

    1.7HTML格式化

    <b>      定义粗体文字
    <big>    定义大号字
    <em>     定义着重文字
    <i>      定一斜体字
    <small>  定义小号字
    <strong> 定义加重语气
    <sub>    定义下标字
    <ins>    定义插入字
    <del>    定义删除字

    测试原码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
     <title>挥舞着键盘征服世界的微博</title>
    </head>
    <body>
    挥舞着键盘征服世界的微博
    <br>
    <b> 挥舞着键盘征服世界的微博</b> <!--定义粗体文字-->
    <br>
    <em>挥舞着键盘征服世界的微博</em>  <!--定义大号字-->
    <br>
    <i>挥舞着键盘征服世界的微博</i>  <!--定义着重文字-->
    <br>
    <small>挥舞着键盘征服世界的微博</small>  <!--定义小号文字-->
    <br>
    <strong>挥舞着键盘征服世界的微博</strong>  <!--定义加重语气-->
    <br>
    挥舞着键盘征服世界的微博<sub>欢迎来到我的微博</sub>挥舞着键盘征服世界的微博  <!--定义上标字-->
    <br>
    挥舞着键盘征服世界的微博<sup>挥舞着键盘征服世界的微博</sup>挥舞着键盘征服世界的微博     <!--定义下标字-->
    <br>
    <ins>挥舞着键盘征服世界的微博</ins>   <!--定义插入字-->
    <br>
    <del>挥舞着键盘征服世界的微博</del>   <!--定义删除字-->
    </body>
    </html>
  • 相关阅读:
    LeetCode 1275. 找出井字棋的获胜者 Find Winner on a Tic Tac Toe Game
    LeetCode 307. 区域和检索
    LeetCode 1271 十六进制魔术数字 Hexspeak
    秋实大哥与花 线段树模板
    AcWing 835. Trie字符串统计
    Leetcode 216. 组合总和 III
    Mybatis 示例之 复杂(complex)属性(property)
    Mybatis 示例之 复杂(complex)属性(property)
    Mybatis 高级结果映射 ResultMap Association Collection
    Mybatis 高级结果映射 ResultMap Association Collection
  • 原文地址:https://www.cnblogs.com/mtl-key/p/7126619.html
Copyright © 2011-2022 走看看