Maison >interface Web >tutoriel HTML >L'étude HTML note un
L'étude HTML note un
- 不言original
- 2018-04-19 14:29:401637parcourir
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>
2. 🎜>
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>斜体字</i> <strong>加强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
3. Lien
<a href="URL" target="_blank"> this is a link </a>
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.
<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
<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<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
text-align: center.
est équivalent à "".
Le deuxième type : citation longue, indentation automatique, la citation indique l'adresse source (peut être omise).
<q>所要引用的话</q>
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>
Le quatrième type : adresse (coordonnées), automatiquement mise en italique et ajout automatique de sauts de ligne avant et après.
<abbr title="world health organization">WHO</abbr>
<br/>
<address>我是地址</address>
<cite>老人与海</cite>
Réécriture spéciale bidirectionnelle, dir="rtl" signifie écrire de droite à gauche
7. Code informatique
<bdo dir="rtl">从右向左</bdo>
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, e03b848252eb9375d56be284e690e873conserver les sauts de ligne.
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
Parmi eux, dab9f699790ab0922e596ecb9f6677d5 la zone cliquable, y compris les attributs id et name, qui doivent généralement être définis ;
<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>03fc64e1e502d5ba947b3a9af06d2d2a définit la zone cliquable de la zone cliquable, y compris les attributs :
shape spécifie la forme de la zone cliquable. zone
9. Autres
fa8fd94cc4b4d9671e4ee513ae2a31d1-------Ligne horizontale
871304cdccd16faa5ce5a6225b9a825b---------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!