zoukankan      html  css  js  c++  java
  • html的一些基本属性介绍

    一、html的属性类型:

    1、常见标签属性:

    a、<h1>:align对其方式      例如:<h1  align="right"> hhhhh</h1> 表示标题hhhhh右对齐

    b、<body>:bgcolor背景颜色

    c、<a>:target规定在何处打开链接

    2、通用属性:

    a、class:规定元素的类名

    b、id;规定元素唯一id

    c、style:规定元素的样式

    d、title:规定元素的额外信息

    二、html格式化:

    代码演示和效果演示:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>study</title>
        </head>
        <body>
            <b>i like the mcu</b>
            <br/>
            <big>i like the mcu</big>
            <br/>
            <em>i like the mcu</em>
            <br/>
            <i>i like the mcu</i>
            <br/>
            <small>i like the mcu</small>
            <br/>
            <strong>i like the mcu</strong>
            <sub>i like the mcu</sub>
            <br/>
            hhhh<sub>i like the mcu</sub>hoho
            <br/>
            <sup>i like the </sup>
            <br/>
            <ins>i </ins>
            <br/>
            <del>i like the mcu</del>
        </body>
    </html>

    三、关于有序列表和无序列表的补充使用方法:

    1、无序列表的使用:

    代码演示和效果演示:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>study</title>
        </head>
        <body>
            <ul type="disc">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ul>
            
            <ul type="circle">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ul>
            
            <ul type="square">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ul>
        </body>
    </html>

    2、有序列表的使用:

    代码和效果演示如下:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>study</title>
        </head>
        <body>
            <ol type="1">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ol>
            
            <ol type="a">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ol>
            
            <ol type="A">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ol>
            <ol type="i">
                <li>
                    i like the mcu
                </li>
                <li>
                    i like the mcu
                </li>
            </ol>
        </body>
    </html>

    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------每天学一点点,日积月累你也是专家!

  • 相关阅读:
    Django之admin
    CSS弹性盒子
    SQL SERVER按多字段查找重复的数据并删除只保留一条
    计算机名称改名之后,tfs连接问题
    Docker镜像仓库Harbor部署
    搭建docker本地仓库
    部署docker swarm集群
    Dockerfile
    centos 7 安装docker 常用指令
    python软件安装-Windows
  • 原文地址:https://www.cnblogs.com/1121518wo/p/11333508.html
Copyright © 2011-2022 走看看