Heim > Web-Frontend > H5-Tutorial > Hauptteil

Detaillierte Einführung in h5-Elemente/Attribute/Formatierung

零下一度
Freigeben: 2017-07-17 11:07:59
Original
1895 Leute haben es durchsucht

1.HTML-Element

1.1-Element bezieht sich auf alle Codes vom Start-Tag bis zum End-Tag. Der Inhalt des Elements

1.2 ist der Inhalt zwischen dem Start-Tag und dem End-Tag.

1.3 Die meisten HTML-Elemente können Attribute haben.

1.4-Tags können Attribute haben, um dem Element mehr Informationen bereitzustellen.

1.5 Häufig verwendete Tag-Attribute:

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

Originalcode testen:

<!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>
Nach dem Login kopieren

1.6 Häufig verwendete Attribute:

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

1.7HTML-Formatierung

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

Originalcode testen:

<!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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in h5-Elemente/Attribute/Formatierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!