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

时间:2023-12-12 21:23:32

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>