一、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. 分布式事务(1)---2PC和3PC理论

    分布式事务(1)---2PC和3PC理论 分布式事物基本理论:基本遵循CPA理论,采用柔性事物特征,软状态或者最终一致性特点保证分布式事物一致性问题. 分布式事物常见解决方案: 2PC两段提交协议 3 ...

  2. Linux命令学习-ps命令

    Linux中,ps命令的全称是process status,即进程状态的意思,主要作用是列出系统中当前正在运行的进程信息. ps命令的功能很强大,参数也非常多,下面只举几个简单的实例. 显示所有进程信 ...

  3. 哈工大计算机网络Week1-网络应用

    目录 哈工大计算机网络Week1-网络应用 2.1网络应用的体系结构 特点 应采取什么结构 C/S结构 客户机/服务器 P2P CS vs P2P 混合结构 思考题目 2.2网络应用的基本原理 网络应 ...

  4. Python C3 算法 手动计算顺序

    Python C3 算法 手动计算顺序   手动计算类继承C3算法原则: 以所求类的直接子类的数目分成相应部分 按照从左往右的顺序依次写出继承关系 继承关系第一个第一位,在所有后面关系都是第一个出现的 ...

  5. 打开pycharm，提示invalid Log Path【已解决】

     问题:打开pycharm,提示invalid Log Path 解决: 网上其他方法都说重装,这个成本有点高,所以我不去尝试. 因为我下载的是免安装版,所以使用时生成的文件是后来才生成的,所以我尝试 ...

  6. jQuery - parents() 获得最近的祖先元素方法

    答案 : parents()[0] <div class="pg-ins layer p_close"> <div class="sign_con&qu ...

  7. 统计学习方法（李航）朴素贝叶斯python实现

    朴素贝叶斯法 首先训练朴素贝叶斯模型,对应算法4.1(1),分别计算先验概率及条件概率,分别存在字典priorP和condP中(初始化函数中定义).其中,计算一个向量各元素频率的操作反复出现,定义为c ...

  8. storm学习路线指南

    关于对storm的介绍已经有很多了,我这里不做过多的介绍,我介绍一下我自己的学习路线,希望能帮助一些造轮子的同学走一些捷径,毕竟我也是站在前人总结整理的基础上学习了,如果有不足之处,还请大家不要喷我. ...

  9. linux基础命令期末考试总结

    1.关闭防火墙:service iptables stop 2.启动防火墙:service iptables start 3.mount命令:挂载某一设备使之成为某个目录名称 4.NFS服务:linu ...

  10. Centos7安装mysql8教程

    网上的教程很多,我也参考了很多,以下是我实践的步骤,真实有效. 1．配置Mysql 8.0安装源: sudo rpm -Uvh https://dev.mysql.com/get/mysql80-co ...