Aujourd'hui, avec la croissance explosive d'Internet, les technologies Web sont de plus en plus utilisées, en particulier HTML et les navigateurs Web standards. HTML (HyperText Markup Language) est un langage de balisage hypertexte. Ce format détermine l'apparence du document, l'agencement mutuel des informations textuelles, graphiques et multimédias. Des campagnes sont engagées dans la création de sites, pour de très grosses sommes d'argent. Mais avec l'aide de "balises html", vous pouvez créer de vos propres mains un site Web plutôt intéressant.
Il est nécessaire
- - le navigateur;
- - éditeur de texte.
Instructions
Étape 1
Le format de fichier HTML est assez simple. La composition et la modification du fichier sont effectuées par n'importe quel éditeur de texte. Un navigateur Web est utilisé pour afficher les résultats. Le principal avantage des documents HTML est leur capacité à être référencés les uns aux autres. Les références croisées vous permettent de vous référer rapidement à un document contenant des informations supplémentaires sur un sujet d'intérêt, puis de continuer à travailler avec le texte source. Tout document écrit en langage HTML est constitué du contenu de la page, c'est-à-dire texte et caractères de contrôle - balises. Toutes les balises HTML doivent être placées entre crochets angulaires. En règle générale, une balise de début et une balise de fin sont utilisées. La balise de fin diffère de la balise de début par la présence d'une barre oblique.
Étape 2
Pour commencer à créer un site, allez dans un éditeur de texte (bloc-notes).
Saisissez ensuite les balises:
HTML - / HTML - les première et dernière balises de tout document HTML.
HEAD - / HEAD - début et fin de l'en-tête du document.
TITLE - / TITLE - définit le titre du document (titre de la fenêtre du navigateur).
BODY - / BODY - le début et la fin du corps du document HTML, qui définit le contenu du document.
Étape 3
Ensuite, vous devez styliser le texte. Cela nécessite les balises suivantes:
Hx - / Hx - (x est un nombre de 1 à 6) décrivent des titres à six niveaux différents. Le titre du premier niveau est le plus grand, le sixième niveau est le plus petit.
P - / P - décrit un paragraphe (la balise / P peut être absente).
ALIGN est un paramètre qui détermine l'alignement du paragraphe:
ALIGN = CENTER - alignement central;
ALIGN = RIGHT - alignement à droite;
ALIGN = LEFT - alignement à gauche.
BR - passe à une nouvelle ligne sans casser un paragraphe.
B - / B - affiche le texte en gras.
I - / I - affiche le texte en italique.
U - / U - texte souligné.
GRÈVE - / GRÈVE - texte barré.
BLOCKQUOTE - / BLOCKQUOTE - affiche les guillemets.
SUB - / SUB - affiche les indices.
SUP - / SUP - affichage des exposants.
TT - / TT - utilise une police avec une largeur de caractère fixe.
BIG - / BIG - augmente la taille de la police actuelle.
SMALL - / SMALL - diminue la taille de la police actuelle.
TAILLE DE BASE FONT = n - (n est un nombre de 1 à 7) - la valeur de base de la taille de la police.
FONT SIZE = + / - n - / FONT - modifie la taille de la police.
COULEUR DE LA POLICE = # xxxxxx - FONT - réglage de la couleur de la police: Aqua - vague de la mer; Noir noir; etc.
CORPS - change la couleur d'arrière-plan.
HR - ligne horizontale, cette balise peut utiliser des attributs:
COULEUR - couleur de la ligne;
TAILLE - largeur de ligne en pixels;
WIDTH - largeur de ligne en pixels ou en pourcentage de la largeur de la fenêtre;
ALIGN - alignement des lignes;
NOSHADE - peinture sans ombre;
SHADE - dessin avec une ombre.
Étape 4
Si vous devez insérer une liste dans votre site, vous devez saisir des balises:
UL - / UL - liste non ordonnée (énumération, pas de classement):
LI - définition d'un élément de liste;
TYPE est un paramètre qui définit un marqueur de liste:
TYPE = CERCLE - un cercle est utilisé comme marqueur;
TYPE = DISK - le point est utilisé comme marqueur;
TYPE + SQUARE - un carré est utilisé comme marqueur.
OL - / OL - liste numérotée:
TYPE est un paramètre qui spécifie le type de la liste:
TYPE = A - les lettres latines majuscules seront utilisées comme numéros de liste;
TYPE = a - les lettres latines minuscules seront utilisées comme énumérateurs de liste;
TYPE = I - les grands chiffres romains seront utilisés comme numéros de liste;
TYPE = i - de petits chiffres romains seront utilisés comme numéros de liste;
START est un paramètre définissant le numéro de départ de la liste.
DL - / DL - liste avec explications:
DT - désignation d'un élément de liste;
DD est une explication pour un élément de liste.
Étape 5
Pour que votre site ne se limite pas à une page, créez-en plusieurs. Pour naviguer, vous avez besoin d'hyperliens, qui sont définis par les balises suivantes:
A HREF = URL - / A - insère un lien dans le document (entre les balises, vous devez saisir le texte du lien).
HREF - adresse d'une page ou d'une ressource;
URL - adresse de ressource uniforme: servis: // serveur [: port] [/chemin]:
service - le nom du protocole (HTTP - accès à un document HTML, requête FTP d'un fichier depuis un serveur FTP, accès FILE à
fichier sur la machine locale);
serveur - en spécifiant le nom de la ressource;
port - numéro de port sur lequel le serveur Web s'exécute;
path est le répertoire où se trouve la ressource.
A HREF = # nom du signet - / A - insère un lien local (entre les balises, vous devez saisir le texte du lien).
A NAME = nom du signet - / A - définit le signet vers lequel le lien sera fait.
Étape 6
Pour que le site ne soit pas ennuyeux, la conception graphique est nécessaire. Pour cela, utilisez les balises:
BODY BACKGRAOUND = "file_name" - définit l'image utilisée comme arrière-plan.
IMG SRC = "file_name" - insère un fichier graphique dans un document HTML, cette balise utilise les paramètres:
ALT = "chaîne de texte" - définit une chaîne de texte qui s'affiche à la place d'une image graphique si le navigateur a désactivé la possibilité de charger automatiquement des graphiques;
HEIGHT, WIDTH - hauteur et largeur de l'image en pixels;
HPACE, VSPACE - la largeur de l'espace libre qui sépare le graphique du texte horizontalement et verticalement;
ALIGN - alignement du texte par rapport aux graphiques.
Étape 7
Et la dernière chose que vous devez faire est d'enregistrer le fichier texte au format *.html, puis de le lancer à l'aide de votre navigateur. Le site est prêt.
