Présentation HTML
HTML (HyperTxet Markup Language) est un langage hypertexte. Le langage hypertexte signifie que la page peut contenir des images et d'autres contenus. Le HTML se compose de nombreuses balises.
Le langage HTML affiche le contenu que nous devons afficher sur le navigateur via le navigateur.
Syntaxe HTML de base
Le format de base du html est le suivant
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
étiquette
Pour apprendre le langage HTML, vous devez d'abord apprendre l'utilisation des balises.
La structure spécifique de l'étiquette est la suivante:
1. <structure de la balise> contenu de la balise </ nom de la balise> (Ce type de balise est appelé une balise fermée, avec un début et une queue. On l'appelle aussi une balise double)
2. <nom de la balise /> (ce type de balise est appelé balise à fermeture automatique. Il n'y a qu'une seule queue. On l'appelle aussi balise unique.)
3. Attributs des balises: les balises peuvent avoir des attributs. Les attributs décrivent en outre les caractéristiques d'affichage ou d'utilisation de l'étiquette. Le format de l'attribut: nom d'attribut = "valeur d'attribut". L'emplacement de l'attribut: <tag name attribute name = "attribute value"> xxx </ tag name>. Ajoutez plusieurs attributs: <tag name attribute name = "attribute value" attribute name = "attribute value"> xxx </ tag name>.
<!DOCTYPE html>C'est une déclaration de la langue utilisée.
<head>C'est une balise d'en-tête, vous pouvez écrire d'autres balises dans la balise d'en-tête.
<meta>C'est une balise utilisée pour décrire les attributs des pages Web HTML. (Il <meta charset="utf-8">s'agit de définir le codage du jeu de caractères Web.)
<link> Les balises définissent la relation entre les documents et les ressources externes et leur utilisation la plus courante consiste à lier des feuilles de style.
<title>Les balises sont utilisées pour écrire les titres des pages.
<body>C'est le corps de la page Web, et le contenu de la page Web est écrit dans le corps. Si vous souhaitez modifier les propriétés d'une page Web, vous pouvez le faire dans le corps.
<!--注释内容-->, Cette balise est utilisée pour écrire des commentaires.
<h1>，<h2>....<h6>Balise de titre. (Notez que la taille de la police de h1 à h6 diminue dans l'ordre)
<p></p>Balise de paragraphe. <p>Le texte de la balise sera par défaut sur sa propre ligne et il y aura un espace entre les paragraphes.
<br/>Etiquette de saut de ligne. Comme son nom l'indique, elle joue le rôle de saut de ligne. Le curseur se déplace immédiatement sur la ligne suivante, c'est-à-dire qu'il n'y a pas d'espace entre la ligne précédente.
<ol><ol/>Liste ordonnée. Vous pouvez utiliser l'attribut type pour modifier les caractères utilisés pour le tri.
<ul><ul/>Liste non ordonnée. Vous pouvez également utiliser l'attribut type pour modifier ou masquer.
<li><li/>Ligne dans la liste
<a><a/>Balise hyperlien, HTML utilise un hyperlien pour se connecter à un autre document sur Internet. En termes simples, il s'agit d'accéder à d'autres ressources Web via des liens.
Utilisation: <a href="http://www,baidu.com">ou <a href="http://www,baidu.com" target="_slef" >(Remarque: lors de l'ouverture d'un lien hypertexte, la nouvelle fenêtre couvrira la fenêtre actuelle. Mais <a href="http://www,baidu.com" target="_blank">elle ne couvrira pas la fenêtre actuelle, mais créera une nouvelle fenêtre.)
Définissez le point d'ancrage (utilisé pour accéder rapidement à l'étiquette correspondante dans une page Web plus longue):
<a name="锚点名称"></a>
Spécifiez le point d'ancrage pour le saut de lien hypertexte:
<a href="#锚点名称"></a>
<img/>Balise d'image. Comme son nom l'indique, insérez la balise d'image<imgsrc="/=路径/图片"width="宽度" height="高度" border="边框厚度" alt="图片不能正常显示时对图片的描述。"/>
Remarque: Exemples de liens d'images:
<body>
<a href="http://www.baidu.com">
<img src="img/baidu.jpg" width="180" height="95" border="0"/>
</a>请点打开百度
</body>
Transfert de symboles spéciaux couramment utilisés: 1. Moins de <: & lt. 2. Plus grand que signe>:>. 3. Copyright (un petit c dans le coin supérieur droit): & copy. 4. Marque commerciale (TM): & commerce. 5. Espace: & nbsp. 6. Marque déposée (R): & reg.
Coordonnées de l'
auteur : qq945677662 vxa2482466921
S'il y a une erreur, aidez-moi à la corriger. Communiquons ensemble.