您的位置：首页 > Web前端 > HTML

html的一些基本属性介绍

2019-08-10 23:32 1651 查看

一、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>

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------每天学一点点，日积月累你也是专家！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航