HTML Basics et web design

Tous les documents HTML contiennent les éléments suivants, qui définissent la structure globale du document:

 Votre titre va ici  Le corps de votre document goes here.

Comme le montre l'exemple précédent, les balises HTML sont généralement utilisés dans des paires qui enferment des parties de votre document. La balise de début, comme , Les signaux de début de mise en forme spécifique pour cette section, la balise de fermeture, tels que , Comprend une barre oblique avant le nom de la balise et les signaux de la fin de la mise en forme pour cette section. Voici une explication pour chacun de ces tags:

--: Cette balise doit toujours apparaître comme la chose la toute première fois dans un document HTML. Il indique au navigateur que le fichier est un fichier HTML.

-- et : Ces balises ci-joint la section du document appelé en-tête, qui contient des informations qui s'appliquent à l'ensemble du document.

-- </ html> </strong><strong>et </strong><strong>: Ces balises ci-joint le titre du document. Tout texte qui apparaît en eux est utilisé comme titre de votre document HTML. C'est aussi le texte qui apparaît dans la barre de titre du navigateur.

-- et : Ces balises marquent le début et la fin de la partie de votre document que le navigateur affiche quand quelqu'un affiche la page. Beaucoup de choses relève en général entre ces balises.

--: Cette balise est toujours le dernier mot dans votre document.

Paramètres de police en précisant

Dans les premiers jours du Web, HTML ne fournit pas une méthode qui vous permet de contrôler avec précision l'apparition de taper sur vos pages Web. Maintenant, cependant, HTML offre plusieurs méthodes pour le contrôle de type. HTML a deux balises qui vous permettent de contrôler les paramètres de police: et. La balise vous permet de contrôler les paramètres de police pour un bloc séparé du texte, tandis que la balise définit la police par défaut utilisée pour un document entier. Ces deux étiquettes sont immédiatement suivies par un ou plusieurs attributs, qui fournissent des informations spécifiques pour le tag. Voici les attributs les plus importants de l'ADN tags:

- Face: Définit la police de caractères. - Taille: Donne la taille des lettres sur une échelle de 1 à 7, où 7 est le plus grand et 1 est le plus petit. La taille par défaut est 3. - COLOR: Définit la couleur du texte. Voici un extrait de code HTML qui définit la police, la taille et la couleur utilisée pour le texte:

Ce texte est normal de l'organisme en utilisant la police définie par la balise BASEFONT.

Ceci est une rubrique

Après le titre, le texte revient à la mise en BASEFONT.

Lorsque vous voulez forcer une ligne de briser à la ligne suivante, vous pouvez insérer le paragraphe (

) Tag à ce point. Le

TAG a également insère une ligne blanche de l'espace avant la nouvelle ligne de texte commence. Si vous ne voulez pas ajouter la ligne vierge extra, vous pouvez utiliser le
tag. Cette balise oblige aussi un saut de ligne, mais ne pas insérer d'espace supplémentaire. Ni le

tag ni les
tag nécessite une balise fermante.

Saisie Rubriques

Ne remplissez pas vos pages Web avec un flux constant de texte sans interruption. Au lieu de cela, les rubriques emploi et les paragraphes pour organiser le contenu sur chaque page. Le code HTML les balises du titre rendre le travail plus facile de créer des rubriques qui brisent votre texte en morceaux maniables. Vous pouvez utiliser jusqu'à six niveaux de titres sur vos pages Web en utilisant les balises HTML

,

, Et ainsi de suite

. L'extrait de code HTML suivant montre les six styles de titre en cours d'utilisation:

Ceci est une rubrique 1

Ceci est une rubrique 2

Il s'agit d'une rubrique 3

Ceci est une rubrique 4

Ceci est une rubrique 5

Ceci est une rubrique 6

Ceci est un paragraphe de texte normal.

Formatage du texte

Les sous-sections suivantes vous montrent comment insérer des commandes de formatage que l'alignement de contrôle et vous permettent d'ajouter en gras, italique, et la couleur à vos documents HTML.

Alignement

HTML ne vous donne pas beaucoup d'options pour l'alignement du texte. Par défaut, le texte est aligné à gauche sur la page. Mais vous pouvez utiliser le

tag à spécifier le texte à être centré, comme dans cet exemple:

 Ce texte est centré.

Bold

Vous pouvez utiliser la balise pour mettre en forme votre texte en caractères gras. Ajouter un tag immédiatement avant le texte que vous souhaitez voir apparaître en caractères gras. Tournez ensuite le gras désactivée en ajoutant la balise de fin, comme le montre l'exemple suivant:

Ce texte est en gras.

Être avare dans votre utilisation de la balise. L'utilisation occasionnelle du gras est correct, mais si vous la surutilisation de formatage en gras, votre texte devient difficile à lire.

Italique

Vous pouvez utiliser la balise pour mettre en forme votre texte en italique. Ajouter une étiquette immédiatement avant le texte que vous souhaitez voir apparaître en italique. Puis tourner à la police de caractères en italique désactivée en ajoutant la balise de fin, comme le montre l'exemple suivant:

Ce texte est en italique.

Utilisation occasionnelle de l'italique est correct, mais essayez de ne pas en faire trop.

Couleur

Vous pouvez spécifier les couleurs dans différentes balises HTML. Par exemple, possède un attribut BGCOLOR qui vous permet de spécifier la couleur d'arrière-plan pour votre page. l'attribut de couleur dans une balise définit la couleur du texte. HTML standard définit 14 noms de couleurs que vous pouvez utiliser pour définir une couleur prédéfinie: BLACK, argent, gris, blanc, bordeaux, violet, fuchsia, vert, vert citron, OLIVE, jaune, marine, bleu gris, et AQUA. Le plus simple pour définir la couleur est d'utiliser un de ces noms de couleur. Par exemple, pour créer du texte en jaune, vous pourriez utiliser un tag comme ceci:

Ce texte est jaune.

Création de listes

En utilisant le HTML, vous pouvez créer deux types de listes pour votre page Web.

--Les listes à puces: Plus formellement connue sous le nom Listes non ordonnées. Dans une liste à puces, une puce (généralement un point) marque chaque élément dans la liste.

--Les listes numérotées: Plus formellement connue sous le nom listes ordonnées. Un certain nombre marque chaque élément dans une liste numérotée. Le navigateur Web prend soin de comprendre les fonctions de numéro à composer pour chaque élément de la liste.

Les listes à puces

Un puces ou non-ordonnée, liste exige que ces trois balises: --  marque le début de la liste non-ordonnée. --  marque le début de chaque élément dans la liste. Pas de station 
 tag est nécessaire. -- 
 marque la fin de la liste entière. Voici un extrait de code HTML qui permet de configurer une liste à puces:  Les habitants d'Oz 
 The Scarecrow 
 The Tin Man 
 Le Lion peureux 
 Munchkins 
 L'Assistant 
 La Méchante Sorcière de l'Ouest 
 Glenda

Les listes numérotées Un numérotés ou classés, la liste a besoin de ces trois balises:

--  marque le début de la liste ordonnée. --  marque le début de chaque élément dans la liste. Pas de station 
 tag est nécessaire. -- 
 marque la fin de la liste entière. Voici un extrait de code HTML qui crée une liste numérotée:  Étapes à suivre pour commander une pizza 
 Pick up phone 
 Composez le numéro 
 Passez la commande 
 Raccrochez téléphone

Insertion Lignes horizontales

Les règles horizontales sont des lignes horizontales que vous pouvez ajouter à créer des ruptures visuelles sur vos pages Web. Pour ajouter une règle à une page, vous utilisez le

Tag (pas de balise de fermeture est nécessaire). Vous pouvez contrôler la hauteur, la largeur et l'alignement de la règle en utilisant la taille, la largeur et attributs ALIGN. Par exemple:

Dans cet exemple, la règle est la moitié de la largeur de la page, six pixels de hauteur, et centré sur la page. Bon nombre de concepteurs de sites préfèrent utiliser des images graphiques plutôt que la

tag de créer des règles horizontales. Parce que différents navigateurs Web affichent le

tag différemment, en utilisant une image pour obtenir une règle vous permet de contrôler avec précision la façon dont votre règle apparaît sur l'écran. Pour utiliser une règle d'image, procédez comme suit:

1. Tapez une règle d'image () Tag où vous utiliseriez normalement une

tag pour créer une règle horizontale:

2. Pour la source (SRC) Attribuent au sein du , l'étiquette de taper le nom dele fichier graphique qui contient la règle image que vous souhaitez utiliser:

3. Ajouter un LARGEUR attribut qui spécifie le nombre de pixels que vous voulez que lerègle à portée ou un pourcentage de la largeur de l'écran:

4. Insérer un
tag immédiatement après la règle de forcer un saut de ligne,comme ceci:

un article présenté par Justine Mccain

Disclaimer:Notre site n'est pas responsable du contenu de cet article. Webarticles est une ressource d'information gratuite.
Important: Cet article "HTML Basics et web design» a été traduit par un logiciel automatique. Nous nous sentons désolés pour les fautes d'orthographe que mai ont eu lieu. Nous vous remercions de votre compréhension.