Detailed introduction to h5 elements/attributes/formatting-H5 Tutorial-php.cn

Table of Contents

1.HTML element

Home

Web Front-end

H5 Tutorial

Detailed introduction to h5 elements/attributes/formatting

零下一度

Jul 17, 2017 am 11:07 AM

h5 html5 Attributes

1.HTML element

1.1 element refers to all codes from the start tag to the end tag.

1.2 The content of the element is the content between the start tag and the end tag.

1.3 Most HTML elements can have attributes.

1.4 Tags can have attributes to provide more information to the element.

1.5 Commonly used tag attributes:

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

Copy after login

Test original code:

<!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>

Copy after login

1.6 Common attributes:

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

Copy after login

1.7HTML formatting

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

Copy after login

Test original code:

<!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>

Copy after login

The above is the detailed content of Detailed introduction to h5 elements/attributes/formatting. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn