Voici quelques balises !
Bases : tout document HTML doit les contenir
<html></html> Balise principale qui englobe une page HTML
<head></head> On trouve la balise title, titre de la page web
<title></title> Titre de la page web dans la barre du navigateur
<body></body> Le contenu de la page web,
Paragraphes de texte :
<p></p> Paragraphes
<div></div> Utilisée pour diviser un document en plusieurs sections, très utile en combinaise avec le CSS
<<br/> Retour à la ligne
<blockquote></blockquote> Ces citation st légèrement en décalé à droite.
<!-- --> Commentaire
<h1></h1> Taille du titre, Un titre crée un bloc, ce qui provoque un retour à la ligne. On peut aller de H1 à H6
Présentation de texte :
<strike> </strike> Texte barré.
<u> </u> Texte souligné
<strong> </strong>Texte en gras.
<em></em> Mettre en italique
<i></i>
<h1></h1> Taille du titre, provoque un retour en ligne
<sup></sup> Mettre en exposant
<sub></sub> Mettre en indice
<q></q> Guillemets
Liste
<ul></ul> : indentation puces non numérotées.
<ol></ol> : liste numérotée.
start= : 4, ça commence la numérotation à 4 en chiffre arabe par défaut.
type= : "I" (en chiffres romain), "A" (en lettres capitales) et "a" (en lettres minucules).
<li></li> : balise d'éléments de liste. on obtient une ligne de la liste précédée par une puce ou un numéro.
Debuter l'écriture en langage HTML
Pour creer une page HTML il faut
- un éditeur (Notepad..) téléchargeable ici
- un navigateur (Internet Explorer, Firefox..)
- creer un dossier où sera enregistré vos fichiers texte et html, histoire de vous y retrouver
Les balises sont des marqueurs pour les navigateurs, lorsque le navigateur lit une balise, il traduit cette balise, elle commence par < et finisse par >, il faut rajouter ⁄ pour la la balise fermante
Exemple balise par paire : <b>Outil Web<⁄b>
Exemple balise seul : <image⁄>
EXERCICE
Ouvrir votre Notepad, écrivez en language html : le blog du html, en gras et souligné.
Ensuite enregistrez votre document avec l'extension.html, exemple : monexercice.html
RÉPONSE
Voici la réponse : le blog du html mais ce qui nous interesse c'est plus le code, le voici : <b><u>le blog du html</u></b>
Votre première page web
Voici la structure de base simplifiée obligatoire d'une vraie page Html :
<html>
<head>
<title>Le nom de votre page web, important pour Google ^^ </title>
</head>
<body>
Contient le corps du document html en l'occurrence toutes les informations qui seront visibles par l'internaute.
</body>
</html>
Vous devez remarquez certaines caractéristiques importantes :
-Les balises respectives ouvrantes et fermantes sont alignés verticalement, ce qui permet une distinction rapide, imaginez si tout était compacté, alignés sans espaces..
-La balise html englobe toujours toutes les autres !
-La balise head (tête), dans cette balise il y a la balise title où l'on met le titre de la page qui apparait en haut à gauche de votre navigateur, par exemple vous pouvez voir que mon title est : Le Blog du HTML.
-La balise body où se trouve le contenu de votre futur site web
<html>
<head>
<title>Le nom de votre page web, important pour Google ^^ </title>
</head>
<body>
Contient le corps du document html en l'occurrence toutes les informations qui seront visibles par l'internaute.
</body>
</html>
Vous devez remarquez certaines caractéristiques importantes :
-Les balises respectives ouvrantes et fermantes sont alignés verticalement, ce qui permet une distinction rapide, imaginez si tout était compacté, alignés sans espaces..
-La balise html englobe toujours toutes les autres !
-La balise head (tête), dans cette balise il y a la balise title où l'on met le titre de la page qui apparait en haut à gauche de votre navigateur, par exemple vous pouvez voir que mon title est : Le Blog du HTML.
-La balise body où se trouve le contenu de votre futur site web
Qu'est ce qu'un navigateur ?
Un navigateur c'est un programme qui permet de voir les sites web, il lit les codes (html, css..) et affiche à quoi cela correspond.
Par exemple, vous mettez la balise ouvrante <b>, la balise fermante </b> encadrant un mot quelconque, ce qui donne :
Votre navigateur afichera le mot navigateur en gras comme ceci :
On peut dire que le navigateur est une sorte de traducteur.
Par exemple, vous mettez la balise ouvrante <b>, la balise fermante </b> encadrant un mot quelconque, ce qui donne :
<b> navigateur </b>
Votre navigateur afichera le mot navigateur en gras comme ceci :
navigateur
On peut dire que le navigateur est une sorte de traducteur.
Qu'est ce que le HTML ??
Le HTML alias le HyperText Markup Language est un langage dit de "marquage" qui sert à écrire le contenu d'un site web à l'aide d'informations logiques : les balises et les codes, qui permet la création de sites internet.
Pour voir un code HTML, vous aller sur une page Internet, vous faites clic droit et vous cliquez sur Code source de la page et vola que s'affiche le code HTML que lit et transforme votre navigateur.
Pour voir un code HTML, vous aller sur une page Internet, vous faites clic droit et vous cliquez sur Code source de la page et vola que s'affiche le code HTML que lit et transforme votre navigateur.
Inscription à :
Messages (Atom)
