一、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. WordPress教程之初识WordPress

    你是否梦想过以极低的成本获得一个漂亮的网站,而无需聘请专业的开发和设计人员,也不必学习任何编程知识,并且网站功能可以无限扩展?对这些问题中的任何一个,如果你的答案是肯定的,那么 WordPress 将 ...

  2. Django随机生成验证码图片

    PIL简介 什么是PIL PIL:是Python Image Library的缩写,图像处理的模块.主要的类包括Image,ImageFont,ImageDraw,ImageFilter PIL的导入 ...

  3. DRF 视图

    目录 一.DRF中的Request 二.前戏: 关于面向对象的继承 三.初级版本 1. settings.py文件 -- 注册app 2. models.py文件 -- 创建表 3. admin.py ...

  4. .Net项目中NLog的配置与使用

    引言: 因为之前在项目开发中一直都是使用的Log4Net作为项目的日志记录框架,最近忽然感觉对它已经有点腻了,所以尝试着使用了NLog作为新项目的日志记录框架(当然作为一名有志向的攻城狮永远都不能只局 ...

  5. kuangbin专题 专题一 简单搜索 Fire! UVA - 11624

    题目链接:https://vjudge.net/problem/UVA-11624 题意:一个迷宫,可能有一个或者多个地方着火了,每过1个时间消耗,火会向四周蔓延,问Joe能不能逃出迷宫,只要走出迷宫 ...

  6. MySQL 8.0 information_schema系统库的改进

    目录 information_schema有何用? mysql8.0 之前的查询方式 mysql8.0 开始的查询方式 测试5.7和8.0不同版本访问I_S库的性能 结论 information_sc ...

  7. 9.18考试 第二题Dinner题解

    当时初步感觉是一个类似动归或者贪心的神题,然而由于本题已经给出顺序,贪心貌似并没有什么道理,所以放弃贪心.然后又由于这是一个环的问题,我想到了“合并石子”那种环转链的思路,然后就是一个O(n^2*m) ...

  8. 【题解】【A % B Problem(P1865)】-C++

    题目背景 题目名称是吸引你点进来的 实际上该题还是很水的 题目描述 区间质数个数 输入输出格式 输入格式: 一行两个整数 询问次数n,范围m 接下来n行,每行两个整数 l,r 表示区间 输出格式: 对 ...

  9. 【最短路径之dijkstra（迪杰斯特拉）算法】

    这一章主要介绍最短路径的算法之一,dijkstra算法. 概念 :迪杰斯特拉算法(Dijkstra)是由荷兰计算机科学家狄克斯特拉于1959 年提出的,因此又叫狄克斯特拉算法.是从一个顶点到其余各顶点 ...

  10. Spark学习之第一个程序 WordCount

    WordCount程序 求下列文件中使用空格分割之后,单词出现的个数 input.txt java scala python hello world java pyfysf upuptop wintp ...