Si vous ne savez rien de HTML et que vous vous inquiétez toujours de la façon de commencer avec HTML, l'auteur vous recommande d'apprendre cet article, qui peut rapidement maîtriser HTML. Si vous êtes déjà un expert en HTML, j'espère que vous pourrez me donner de meilleures suggestions.
résuméHTML est communément appelé le langage de balisage hypertexte. Il s'agit d'une abréviation de la langue hyper textmarkup. Il s'agit d'un langage de balisage utilisé pour décrire les documents Web. Le fichier de page Web lui-même n'est qu'un fichier texte. En ajoutant des marqueurs au fichier texte, nous pouvons dire au navigateur comment afficher le contenu (tel que: comment traiter le texte, comment organiser l'image, comment afficher l'image, etc.). Ces marqueurs sont notre HTML. Lorsque nous apprenons HTML, nous apprenons ces marqueurs. Aujourd'hui, nous apprenons principalement certains marqueurs HTML courants, également appelés éléments HTML.
Éléments de tagIntroduction de tag
L'élément HTML comprend une gamme d'inclusions définies par une ou une paire de balises. Une balise est composée de deux signes <et> Signes, et la balise comprend la balise de démarrage <> et la balise de fin </>.
Il existe quatre formes d'éléments de balise HTML:
Élément vide: <br>
Élément vide avec attribut: <hrfont = red>
Éléments avec du contenu: <Sitile> Ceci est contenu </titile>
Éléments avec du contenu et des attributs: <FontColor = Red> Ceci est contenu </font>
Une chose à dire ici est que dans le document HTML, les noms des balises et des attributs ne sont pas liés à la taille.
Éléments essentiels du cadre HTML<html> </html> signifie le début et la fin du document
<A-thead> </ head> signifie le début et la fin de l'en-tête du document
<Title> </Title> Indique le début et la fin du titre du document
<body> </body> indique le début et la fin du texte corporel du document
commentaire html
Le format est inférieur au signe (<), la marque d'exclamation (!) Moins que le signe et la marque d'exclamation n'a pas d'espaces. Viennent ensuite deux lignes courtes (-), puis le contenu du commentaire, et enfin deux lignes courtes (-) et supérieures au signe (>).
Par exemple: <! - Ceci est le contenu du commentaire ->
Tags liés au contrôle des paragraphes<palign = #>
Créer un paragraphe, l'aligne d'attribut indique l'alignement du paragraphe, # peut être gauche, centre, à droite, justifier.
<br>
La fonction consiste à changer la ligne
<hrcolor = #>
La fonction consiste à insérer une ligne horizontale et la couleur de la propriété est utilisée pour représenter la couleur.
Tags liés à l'affichage de texte<Farcy>… </ centre>
Centrer le texte
<hnalign = #> </hn>
La fonction consiste à représenter le titre du document. N est un entier de 1 à 6, le plus grand titre à la fois, 6 est le plus petit titre, et Align est de définir l'alignement du titre, y compris la gauche, le centre et la droite
<fontsize = n color = #> ... </font>
Réglez la police, la taille est la taille de la police, un entier de 1 à 7, plus le nombre est grand, plus la police est grande.
<b> ... </b>
Rendre le texte en gras.
<i>… </i>
Faire le texte italique
Tags créés par les éléments de listeun. Créez une liste avec des numéros numériques:
<l> ... </l> Utilisez l'attribut start pour définir le numéro de séquence de démarrage.
<li> ... </li> Utilisez l'attribut de valeur pour modifier l'ordre de numéro de séquence dans la liste.
né Créez une liste avec le projet de conformité:
<ul> et <li>, les attributs de type de leur balise spécifient le style du symbole:
disque, affiché comme un cercle solide;
carré, affiche des carrés sans facilité.
cercle, affichage des cercles non ouverts
né Créer une liste non signée
Les balises <dl> et <dt> créent des listes non signées
<dd> et <dt>, créez une liste en retrait
Tags pour les éléments de tableLe rôle des tableaux dans la mise en page des pages Web est crucial et les tables sont définies par <Bile>.
La définition spécifique est: <TableBorder = n aligh = # bgColor = rgb>
La bordure d'attribut est utilisée pour définir la largeur de la bordure du tableau, et l'aligne d'attribut est utilisé pour définir l'alignement de la table, qui peut être gauche, à droite et au centre. Bgcolor est couleur.
<Wegention>… </pention> Utilisé pour définir le titre de la table
<tr> ... </tr> Ajoutez une nouvelle ligne à la table
<h>… </th> est utilisé pour définir l'en-tête de la table
<TD>… </td> est utilisé pour définir les cellules
Formulaire interactif HTMLLes formulaires sont principalement responsables des fonctions de collecte de données dans les pages Web. Par exemple, le formulaire est celui que nous enregistrons généralement des informations et des informations d'entrée qui peuvent interagir avec les pages Web.
Le formulaire est créé à l'aide de l'élément <form> ... </form>, intégrant d'autres éléments ou contrôles connexes entre les deux, vous pouvez créer un formulaire qui fait partie du document HTML.
La syntaxe de base pour la création d'un formulaire est la suivante:
<formMethod = get ou post-action = url>…. </ form>
La méthode d'attribut est utilisée pour spécifier la méthode HTTP utilisée pour envoyer des données de formulaire au serveur. Cela peut être fait avec Get ou Post. Les données soumises sont jointes à la fin de l'URL et envoyées au serveur dans le cadre de l'URL.
Voici quelques éléments communs sur les formes:
L'élément <poing> est utilisé pour recevoir des informations d'entrée utilisateur. C'est un élément vide avec des attributs. La syntaxe est utilisée pour créer le contrôle sous la forme.
<putype = type name = name size = sizeValue = value '>
Le type d'attribut est utilisé pour spécifier le type de contrôle à créer, l'attribut est utilisé pour spécifier le nom du contrôle, la taille est utilisée pour spécifier la largeur initiale du contrôle dans la forme et la valeur d'attribut spécifie la valeur initiale du contrôle.
Pour le type de type, veuillez vous référer à l'image suivante:
Liste des éléments de la boîtePermet à l'utilisateur de sélectionner un ou plusieurs éléments dans un menu déroulant. La zone de liste est créée par l'élément <lelect> et les options de la zone de liste sont fournies avec l'élément <option>.
Contrôle d'entrée de texte multi-lignes
<TextAreAname = Name Rows = Number of Rows Cols = Number of Colonnes>… </ TextArea>
Les lignes d'attribut sont utilisées pour spécifier le nombre de lignes de texte affichées dans la zone visuelle du contrôle d'entrée de la zone de texte, et COLS spécifie la largeur de la zone visuelle affichée dans le contrôle d'entrée de texte.
Tags d'hyperlien<ahref = url>… </a>
L'attribut HREF est utilisé pour spécifier la cible de la liaison. L'adresse de destination a un positionnement d'URL. Le texte entre la balise de démarrage <a> </a> sera utilisé comme texte de lien affiché dans le navigateur.
Intégrer les balises d'image <img src = url width = n height = m> Attributes src Spécifiez l'emplacement de la ressource d'image. La largeur et la hauteur des propriétés sont utilisées pour spécifier la taille de l'image. Il convient de noter ici que SRC devrait essayer d'utiliser des chemins relatifs au lieu de chemins absolus.Éléments de caractère spéciaux
Les caractères spéciaux incluent des références de caractère et des références d'entité. Ci-dessous, nous résumerons ceux couramment utilisés.
RésumerNous avons résumé certains des éléments de balise les plus utilisés et les plus basiques. Une fois que vous maîtrisez ces plus basiques, vous pouvez rapidement devenir un HTML junior. Ce n'est pas un problème d'écrire une simple page Web HTML, qui jette également les bases d'un apprentissage ultérieur à l'avenir.