HTML5 基础内容(元素/属性/格式化)

HTML基础


1.HTML元素

1.1 元素指的是开始标签到结束标签的所有代码。

1.2 元素的内容是开始标签与结束标签之间的内容。

1.3大多数HTML元素可用有属性。

1.4标签可以拥有属性为元素提供更多的信息。

1.5常用的标签属性:

<h1>:align对齐方式
<body>:bgcolor背景颜色
<a>:target规定在何处打开标签

测试原码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1234</title>
</head>
<body bgcolor="#7fffd4">             <!--<body>:bgcolor背景颜色-->
<a href="HTML3.1.html" target="_blank">打开本地</a>   <!--<a>:target规定在何处打开标签,示例中的在另一个空白页打开这个链接-->
<h1 align="center">标题</h1>      <!--<h1>:align对齐方式-->
</body>
</html>

1.6通用属性:

class:规定元素的类名
id:规定元素唯一ID
style:规定元素的样式
title:规定元素的额外信息

1.7HTML格式化

<b>      定义粗体文字
<big>    定义大号字
<em>     定义着重文字
<i>      定一斜体字
<small>  定义小号字
<strong> 定义加重语气
<sub>    定义下标字
<ins>    定义插入字
<del>    定义删除字

测试原码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
 <title>挥舞着键盘征服世界的微博</title>
</head>
<body>
挥舞着键盘征服世界的微博
<br>
<b> 挥舞着键盘征服世界的微博</b> <!--定义粗体文字-->
<br>
<em>挥舞着键盘征服世界的微博</em>  <!--定义大号字-->
<br>
<i>挥舞着键盘征服世界的微博</i>  <!--定义着重文字-->
<br>
<small>挥舞着键盘征服世界的微博</small>  <!--定义小号文字-->
<br>
<strong>挥舞着键盘征服世界的微博</strong>  <!--定义加重语气-->
<br>
挥舞着键盘征服世界的微博<sub>欢迎来到我的微博</sub>挥舞着键盘征服世界的微博  <!--定义上标字-->
<br>
挥舞着键盘征服世界的微博<sup>挥舞着键盘征服世界的微博</sup>挥舞着键盘征服世界的微博     <!--定义下标字-->
<br>
<ins>挥舞着键盘征服世界的微博</ins>   <!--定义插入字-->
<br>
<del>挥舞着键盘征服世界的微博</del>   <!--定义删除字-->
</body>
</html>
posted @ 2017-07-06 15:34  motian  阅读(512)  评论(0编辑  收藏  举报