Maison  >  Article  >  interface Web  >  L'étude HTML note un

L'étude HTML note un

不言
不言original
2018-04-19 14:29:401608parcourir

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.


Notez que lorsque vous citez des ancres, ajoutez # devant le nom.
<a name="tips">基本的注意事项 - 有用的提示</a>
.
.
.
<a href="#tips">跳转到tips标签处</a>


4. Image


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


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


text-align: center.

6. Citation

Le premier type :

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.


Le cinquième type : le titre de l'ouvrage, italique automatique.
<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">文本
数学公式


8. Créer une image cliquable



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

coords précise les coordonnées (x, y) de la zone, et le coin supérieur gauche est (0,0 par exemple (x, y, z), xy représente le centre du cercle, z représente le rayon




a1f02c36ba31691bcfe87b2722de723b l'attribut id ou name dans la carte.



9. Autres



076402276aae5dbec7f672f8f4e5cc81-------Saut de ligne


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn