HTML basics_general balises, balises et tableaux couramment utilisés

高洛峰

Libérer： 2017-02-17 10:54:43

original

1123 Les gens l'ont consulté

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

Content

Remarque : par défaut, il est livré avec un numéro de série et sauts de ligne S'il y en a d'autres 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

Le changement de "ol" en "ul" ci-dessus entraînera. dans une liste non ordonnée, qui n'a pas sa propre fonction de saut de ligne.

1.2. Balises communes

Balises de lien hypertexte

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

Texte --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.

HTML basics_general balises, balises et tableaux couramment utilisés doit apparaître seul.

1.3. Tableau

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>

Copier après la connexion

HTML basics_general balises, balises et tableaux couramment utilisés

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. HTML basics_general balises, balises et tableaux couramment utilisés

Pour plus de points clés de base HTML_balises générales, les balises couramment utilisées et les articles liés aux tableaux, veuillez faire attention au site Web PHP chinois !