一、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的一些基本属性介绍的更多相关文章

  1. DIV+CSS布局中主要CSS属性介绍

    Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能 ...

  2. location.hash属性介绍

    location.hash属性介绍 例如URL: http://wwww.a.com/index#rhythmk 通过location.hash 我们将获取到 #rhythmk. 默认浏览器会滚动至i ...

  3. Autocomplete：属性介绍、firefox中文支持问题

    如有问题,请前往 http://www.cnblogs.com/dreamowneryong/p/4953911.html 原文评论交流 一,属性介绍 * minChars (Number) 在触发a ...

  4. Intent的属性介绍

    在Android系统的设计中有四大组件:Activity,Service,BroadcastReceiver,ContentProvider.Intent可以被应用于ContentProvider之外 ...

  5. RelativeLayout常用属性介绍

    RelativeLayout常用属性介绍 转自: http://www.douban.com/note/97496783/ 下面介绍一下RelativeLayout用到的一些重要的属性: 第一类:属性 ...

  6. strut2配置文件属性介绍

    mystruts.xml配置文件属性介绍 1.package标签的中的namespace属性 <package name="default" extends="st ...

  7. Chart控件，chart、Series、ChartArea曲线图绘制的重要属性介绍

    先简单说一下,从图中可以看到一个chart可以绘制多个ChartArea,每个ChartArea都可以绘制多条Series.ChartArea就是就是绘图区域,可以有多个ChartArea叠加在一起, ...

  8. Spring事务传播属性介绍(二).mandatory、not_supported、never、supports

    Required.Required_New传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10259897.html Nested传播属性分析传送 ...

  9. Spring事务传播属性介绍(三).Nested

    Required.Required_New传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10259897.html Mandatory.Neve ...

  10. Spring事务传播属性介绍(一).required 和 reuqires_new

    Mandatory.Never.Not_Support传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10260030.html Nested传播 ...

随机推荐

  1. 前端Web浏览器基于Flash如何实时播放监控视频画面（前言）之流程介绍

    [关键字:前端浏览器如何播放RTSP流画面.前端浏览器如何播放RTMP流画面] 本片文章只是起到抛砖引玉的作用,能从头到尾走通就行,并不做深入研究.为了让文章通俗易懂,尽量使用白话描述. 考虑到视频延 ...

  2. 蓝桥杯：最大的算式（爆搜 || DP）

    http://lx.lanqiao.cn/problem.page?gpid=T294 题意:中文题意. 思路:1.一开始想的是,乘号就相当于隔板,把隔板插入到序列当中,同一个隔板的就是使用加法运算, ...

  3. HttpUtility.UrlEncode讲解

    hello 大家好,今天讲讲HttpUtility.UrlEncode编码 HttpUtility.UrlEncode方法有4个重载分别如下 我们有这么一个字符串 string str = " ...

  4. Redis中的Stream数据类型作为消息队列的尝试

    Redis的List数据类型作为消息队列,已经比较合适了,但存在一些不足,比如只能独立消费,订阅发布又无法支持数据的持久化,相对前两者,Redis Stream作为消息队列的使用更为有优势.   相信 ...

  5. 对象属性 Object.getOwnPropertyNames() Object.keys for...in

    1.Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组. Object.getOwn ...

  6. numpy表示图片详解

    我自己的一个体会,在学习机器学习和深度学习的过程里,包括阅读模型源码的过程里,一个比较大的阻碍是对numpy掌握的不熟,有的时候对矩阵的维度,矩阵中每个元素值的含义晕乎乎的. 本文就以一个2 x 2 ...

  7. 洛谷P4304 [TJOI2013]攻击装置 题解

    题目链接: https://www.luogu.org/problemnew/show/P4304 分析: 最大独立集 最大独立集=总点数-最大匹配数 独立集:点集,图中选一堆点,这堆点两两之间没有连 ...

  8. c++小游戏——彩票

    #include <cstdlib> #include <iostream> #include <cstdio> #include <cmath> #i ...

  9. SpringBoot热部署报错（BeanCreationException: Error creating bean with name 'classPathFileSystemWatcher' d）

    springboot热部署配置方法 http://blog.csdn.net/pyfysf/article/details/78791292 异常信息如下 org.springframework.be ...

  10. [leetcode] 110. Balanced Binary Tree (easy)

    原题链接 水题 深度搜索每一节点的左右深度,左右深度差大于1就返回false. class Solution { public: bool isBalanced(TreeNode *root) { b ...