Maison >interface Web >tutoriel HTML >HTML basics_general balises, balises et tableaux couramment utilisés
HTML basics_general balises, balises et tableaux couramment utilisés
- 高洛峰original
- 2017-02-17 10:54:431135parcourir
Partie 1 HTML
--Bale de démarrage
Contrôler les informations sur la page Web
Contenu affiché sur la page
> ;
--Balise de fin
Commentaire
attributs du corps :
bgcolor Couleur d'arrière-plan de la page
couleur du texte du texte (spécifiez toutes les couleurs du texte)
marge supérieure de la marge supérieure
marge gauche de la marge gauche
marge droite de la marge droite Distance
Bottomargin Marge inférieure
fond d'écran Fond d'écran
Remarque : Choisissez l'une des couleurs d'arrière-plan et du fond d'écran
1.1, étiquette générale 1.1. Balise de contrôle de format
.Contrôler la couleur="##FF0000" ; visage, taille de police ;
& lt; strong & gt; & lt;/strong & gt; police en gras (souligne que le ton est amélioré)
& lt; em & lt;/em & gt; 🎜>
peut être centré
” spectacle.
peut également être enfoncé dans la page de conception >
. 1.1.2. Balise de conteneur de contenu ... Titre (se terminera automatiquement). Le titre HTML (Heading) est défini par des balises telles que - .
Remarque : ... sont d'importance décroissante, en fonction de la taille par défaut existante pour l'incrémentation ou la décrémentation. Et s'il y a autre chose avant et après, effectuez des sauts de ligne avant et après et laissez une ligne vide pour vous assurer qu'il s'agit d'une balise de paragraphe entière
paragraphes) Remarque : s'il y a autre chose avant et après , effectuez des sauts de ligne avant et après et laissez une ligne vide pour vous assurer qu'il s'agit d'un tout .
Une ligne) Le numéro de série est 1,2,3..., le format du numéro de série peut être modifié entre guillemets
Texte du lien hypertexte --href (référence du lien hypertexte) ;
Étape 1 : Créez la balise d'ancrage.
Étape 2 : Créez un lien d'ancrage.
Balise d'image
--Définissez une hauteur et une largeur, et l'image affichée sera mise à l'échelle proportionnellement. alt affiche le texte lorsque l'image ne peut pas être chargée et peut également aider les moteurs de recherche à rechercher.
doit apparaître seul.
1.3. Tableau
largeur : largeur. Peut être exprimé en pixels ou en pourcentages. La résolution couramment utilisée est de 960 pixels.
frontière : frontière. La valeur couramment utilisée est 0.
Cellpadding : La marge entre le contenu et la bordure de la cellule. La valeur couramment utilisée est 0.
cellpacing : l'espacement entre les cellules. La valeur couramment utilisée est 0.
aligner : alignement.
bgcolor : couleur de fond.
fond : image de fond.
🎜> Hauteur : hauteur de ligne
bgcolor : couleur d'arrière-plan
arrière-plan : image d'arrière-plan
Cellule
< ;th> En-tête, le contenu des cellules est automatiquement centré et en gras
align : Alignement du contenu des cellules
valign : Méthode d'alignement vertical du contenu des cellules
width : largeur de cellule
height : hauteur de cellule
bgcolor : couleur d'arrière-plan
background : image d'arrière-plan
contenu Doit être placé dans les cellules , les cellules doivent être placées dans des lignes et les lignes doivent être placées dans des tableaux. Lors de la définition de la hauteur de ligne de cellule et de la hauteur de colonne, cela affectera également la ligne ou la colonne correspondante
Fusion de cellules : (il est recommandé d'utiliser autant que possible l'imbrication de tableaux)
colspan=" n" - fusionner les cellules de la même ligne (soustraire les colonnes correspondantes lors de l'écriture ultérieure du code)
rowspan="n" - Fusionner les cellules de la même colonne (soustraire les colonnes correspondantes à partir de la deuxième ligne)
Sur la base des connaissances de base ci-dessus, le code du programme et les résultats d'exécution sont donnés ci-dessous
Code du programme :
Code XML/HTML copier le contenu dans le presse-papiers
Résultat de l'exécution :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>脚本之家</title> </head> <body bgcolor="#00FFCC"> <a name="top"></a> 今天<br> 天 气<br />不错。<br /> <br /> <font size="45" color="red"> 字体格式控制标签：<br /> <b>文字加粗方式1，b标签</b><br /> <strong>文字加粗方式2，strong标签</strong><br /> <i>文字倾斜方式1，i标签</i><br /> <em>文字倾斜方式2，em标签</em><br /> <u>文字加下划线，u标签</u> 123<center>居中标签，center，默认，前后若有其他，执行前后换行，保证自身是一个整体，然后进行居中显示。</center>456<br /> <br /> 内容容器标签：<br /> 123<p>p标签，段落标签，若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体，</p>456 <ol>ol有序列表 <li>默认自带序号</li> <li>自带换行</li> <li>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ol> <ul>ul无序列表 <li>默认不自带序号</li> <li>自带换行</li> <li>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ul> <a href="http://www.baidu.com" target="_top">百度一下</a><br /> <img src="123.jpg" title="这是两个美女" alt="zheshilianggemeinv" /><br /><br /> <a href="http://www.qq.com"><img src="123.jpg" style="max-width:90%" / alt="HTML basics_general balises, balises et tableaux couramment utilisés" ></a><br /><br /> <img src="123.jpg" style="max-width:90%" style="max-width:90%" / alt="HTML basics_general balises, balises et tableaux couramment utilisés" > </font> <h1>h1~h6标签，标题控制标签</h1> <h2>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</h2> <h3>重要性依次递减</h3> <h4>依附于现有的默认尺寸，进行增加或减小</h4> <p style="background-color:#0F0">p层标签，默认一上来就占用一整行</p> <span style="background-color:#CF0">span层标签，默认使用多少就占用多少</span><br /> <br /> <table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0"> <tr align="center"> <td width="120"><a href="http://autohome.com">汽车之家</a></td> <td width="120">易车网</td> <td colspan="2">新浪汽车</td> </tr> <tr align="center"> <td>58同城</td> <td>赶集网</td> <td rowspan="2" bgcolor="#FF0033">京东</td> <td>安居客</td> </tr> <tr align="center"> <td>天猫</td> <td>聚美优品</td> <td>唯品会</td> </tr> </table> <br /> <a href="#top">返回最顶端</a> </body> </html>
Les points clés HTML de base ci-dessus_les balises générales, les balises et les tableaux couramment utilisés sont tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois. 