Le contenu de cet article concerne les notes d'apprentissage HTML 1, qui ont une certaine valeur de référence. Maintenant, je les partage avec tout le monde. Les amis dans le besoin peuvent se référer à
Cliquez pour ouvrir le lien pour connaître le résumé.
Balises HTML et explications couramment utilisées
1. Cadre de formatage de base
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
<br/>
2. 🎜><br/>
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>斜体字</i> <strong>加强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
<br/>3. Lien
<br/>
<a href="URL" target="_blank"> this is a link </a>
<br/>Où, href=hyperlien, cible =" _blank" signifie ouvrir le fichier dans une nouvelle fenêtre.
Notez qu'il y a un espace entre les deux.
Un cas particulier consiste à utiliser l'attribut name, qui peut accéder à l'ancre définie par l'attribut name.
<br/>
Notez que lorsque vous citez des ancres, ajoutez # devant le nom.<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
<br/>
4. Image<br/>
Parmi eux, src stocke l'adresse de l'image<img src="boat.gif" alt="Big Boat" width="104" height="102" />
L'attribut alt représente le texte de remplacement, c'est-à-dire la description du texte affichée lorsque l'image ne peut pas être chargée
la largeur et la hauteur sont utilisées pour définir la longueur et la largeur de l'image ; >De plus, l'image possède également un attribut bordure Utilisé pour spécifier la largeur de la bordure de l'image.
5. Méthode générale de modification des attributs - style<br/>
Parmi eux, l'arrière-plan- color est utilisé pour définir la couleur d'arrière-plan ;<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>
font-family est utilisé pour définir la police ;
color est utilisé pour définir la couleur de la police (titre) ; 🎜>font-size est utilisé pour définir la taille de la police<br/>text-align: center.
6. CitationLe premier type :est équivalent à "". <br/>
Le deuxième type : citation longue, indentation automatique, la citation indique l'adresse source (peut être omise).
<q>所要引用的话</q>
<br/>
<br/>Le troisième type : l'abréviation en plaçant la souris sur l'abréviation affichera le contenu complet, c'est-à-dire le titre.
<blockquote cite="URL">......</blockquote>
<br/>Le quatrième type : adresse (coordonnées), automatiquement mise en italique et ajout automatique de sauts de ligne avant et après.
<br/>
Le cinquième type : le titre de l'ouvrage, italique automatique.<abbr title="world health organization">WHO</abbr>
<br/>
<address>我是地址</address>
<br/>
<cite>老人与海</cite>
Réécriture spéciale bidirectionnelle, dir="rtl" signifie écrire de droite à gauche<br/>
<br/>
7. Code informatique
<bdo dir="rtl">从右向左</bdo>
<br/>
<br/>Parmi eux, les trois premiers ne retiennent pas espaces. et sauts de ligne. Si vous souhaitez conserver le format d'origine du texte, veuillez utiliser la quatrième méthode,
conserver les sauts de ligne. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
<br/>
8. Créer une image cliquable<br/>
<br/>Parmi eux,
<html> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> </body> </html>
shape spécifie la forme de la zone cliquable. zone
9. Autres
---------Commentaire
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
