html的一些基本属性介绍

一、html的属性类型:

1、常见标签属性:

a、

:align对其方式      例如: hhhhh

表示标题hhhhh右对齐

b、:bgcolor背景颜色

c、:target规定在何处打开链接

2、通用属性:

a、class:规定元素的类名

b、id;规定元素唯一id

c、style:规定元素的样式

d、title:规定元素的额外信息

二、html格式化:

html的一些基本属性介绍_第1张图片

代码演示和效果演示:

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>studytitle>
    head>
    <body>
        <b>i like the mcub>
        <br/>
        <big>i like the mcubig>
        <br/>
        <em>i like the mcuem>
        <br/>
        <i>i like the mcui>
        <br/>
        <small>i like the mcusmall>
        <br/>
        <strong>i like the mcustrong>
        <sub>i like the mcusub>
        <br/>
        hhhh<sub>i like the mcusub>hoho
        <br/>
        <sup>i like the sup>
        <br/>
        <ins>i ins>
        <br/>
        <del>i like the mcudel>
    body>
html>

html的一些基本属性介绍_第2张图片

三、关于有序列表和无序列表的补充使用方法:

1、无序列表的使用:

html的一些基本属性介绍_第3张图片

代码演示和效果演示:

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>studytitle>
    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>

html的一些基本属性介绍_第4张图片

2、有序列表的使用:

html的一些基本属性介绍_第5张图片

代码和效果演示如下:

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>studytitle>
    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的一些基本属性介绍_第6张图片

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

 

你可能感兴趣的:(html的一些基本属性介绍)