html的一些基本属性介绍

Posted 1121518wo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

技术图片

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

 

以上是关于html的一些基本属性介绍的主要内容,如果未能解决你的问题,请参考以下文章

Html5之高级-2 HTML5表单属性(属性介绍属性详解)

前端基本知识介绍

Python基础语法介绍 - 面向对象(下)和异常处理

FlexboxLayout 的一些基本介绍与基本用法

干货丨HTML图像标签特点及相关属性介绍

accesskey附上一些实例