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

DIV+CSS布局中主要CSS属性介绍
Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能 ...
location.hash属性介绍
location.hash属性介绍例如URL: http://wwww.a.com/index#rhythmk 通过location.hash 我们将获取到 #rhythmk. 默认浏览器会滚动至i ...
Autocomplete：属性介绍、firefox中文支持问题
如有问题,请前往 http://www.cnblogs.com/dreamowneryong/p/4953911.html 原文评论交流一,属性介绍 * minChars (Number) 在触发a ...
Intent的属性介绍
在Android系统的设计中有四大组件:Activity,Service,BroadcastReceiver,ContentProvider.Intent可以被应用于ContentProvider之外 ...
RelativeLayout常用属性介绍
RelativeLayout常用属性介绍转自: http://www.douban.com/note/97496783/ 下面介绍一下RelativeLayout用到的一些重要的属性: 第一类:属性 ...
strut2配置文件属性介绍
mystruts.xml配置文件属性介绍 1.package标签的中的namespace属性 <package name="default" extends="st ...
Chart控件，chart、Series、ChartArea曲线图绘制的重要属性介绍
先简单说一下,从图中可以看到一个chart可以绘制多个ChartArea,每个ChartArea都可以绘制多条Series.ChartArea就是就是绘图区域,可以有多个ChartArea叠加在一起, ...
Spring事务传播属性介绍(二).mandatory、not_supported、never、supports
Required.Required_New传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10259897.html Nested传播属性分析传送 ...
Spring事务传播属性介绍(三).Nested
Required.Required_New传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10259897.html Mandatory.Neve ...
Spring事务传播属性介绍(一).required 和 reuqires_new
Mandatory.Never.Not_Support传播属性分析传送门:https://www.cnblogs.com/lvbinbin2yujie/p/10260030.html Nested传播 ...

随机推荐

关于elasticsearch安装及搭建集群时候的错误
1,在Windows上解压后启动elasticsearch后可能cmd中会抛出java 无法初始话异常,网上查询必须用的是jdk1.8以上,可是本人用的就是jdk1.8啊,半天解决无果,最后重新安装 ...
HDU 2298：Toxophily（推公式）
http://acm.hdu.edu.cn/showproblem.php?pid=2298 题意:给出一个x,y,v,问从(0,0)以v为初速度射箭,能否射到(x,y)这个点,如果能,输出最小的射出 ...
VueRouter认识
1. 什么是路由? 路由(vue-router)是负责将进入的浏览器请求映射到特定的组件代码中.即决定了由谁(组件)去响应客户端请求.简单说路由就是url地址和对应的资源的映射,通过一个路径的ur ...
自动化冒烟测试 Unittest , Pytest 哪家强？
前言:之前有一段时间一直用 Python Uittest做自动化测试,觉得Uittest组织冒烟用例比较繁琐,后来康哥提示我使用pytest.mark来组织冒烟用例本文讲述以下几个内容: 1.Uni ...
Mysql中varchar和char区别
一.varchar和char的区别: 区别一:定长和变长 char表示定长.长度固定,varchanr表示变长,即长度可变. 即char类型是规定多少字长则必须存储多少字长,超过的长度的字段则只能截取 ...
thread学习笔记--BackgroundWorker 类
背景: 在 WinForms 中,有时要执行耗时的操作,比如统计某个磁盘分区的文件夹或者文件数目,如果分区很大或者文件过多的话,处理不好就会造成“假死”的情况,或者报“线程间操作无效”的异常,或者在该 ...
openstack实验环境搭建
Openstack实验文档一.base节点 1.1配置网络 vim /etc/sysconfig/network-scripts/ifcfg-eth0 1.2关闭防火墙和selinux system ...
【干货干货】hyperledger fabric 之动态添加组织/修改配置 (Fabric-java-sdk) 下
我们接着上一节来讲: 在熟悉动态增加组织或修改配置的步骤后,我们就可以使用java的api来完成动态增加组织或修改配置了: 废话不多说,直接上干货: 1,预制条件 org3的证书以及组织3的MSP详情 ...
【HDU - 6581】Vacation（思维）
Vacation 题意有n+1辆车,属性有长度l,距离终点的距离s,速度v问你最末尾的车到达终点的时间 Sample Input 1 2 2 7 1 2 1 2 1 2 2 10 7 1 6 2 1 ...
PTA L2-031 深入虎穴非dfs的一点想法
著名的王牌间谍 007 需要执行一次任务,获取敌方的机密情报.已知情报藏在一个地下迷宫里,迷宫只有一个入口,里面有很多条通路,每条路通向一扇门.每一扇门背后或者是一个房间,或者又有很多条路,同样是每条 ...

html的一些基本属性介绍

html的一些基本属性介绍的更多相关文章

随机推荐

热门专题