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>
  • 相关阅读:
    foreach next 操作数组指针移动问题,多个数连加,连除,连减,连乘php版本
    mysql 5.7 laravel json类型数据相关操作
    rbac权限控制,基于无线分类
    基于bootstrap-treeview做的一个漂亮的无限分类树层级联动菜单
    css页面字体替换源代码和页面显示不一样问题解决
    centos6.8 编译安装lnmp php7.2 mysql5.6 nginx1.1.4
    mysql5.7采坑
    laravel整合vue 多入口解决
    使用mysql设计一个全局订单生产计数器
    laravel整合workerman做聊天室
  • 原文地址:https://www.cnblogs.com/mtl-key/p/7126619.html
Copyright © 2011-2022 走看看