robin •10088 messages
•Inscrit le 20/8/2005
|
|
Explications sur les bases du html
|
de robin le 1/11/2005 à 12:39:36
| |
Le html (HyperText Markup Language) est le langage de base pour la construction d'un site Internet. Le moindre élément visible par l'internaute dans un site est introduit dans la page par du code html. Pour les débutants, le html peut paraître compliqué, mais en réalité il s'agit d'un langage très simple.
En effet, il suffit de quelques explications et d'un tout petit peut d'expérience pour maîtriser la programmation html.
Toutes les instructions html sont délimitées par des balises, ces balises sont toujours de cette forme : <balise> (c'est à dire avec < en ouverture et > en fermeture).
Ces balises doivent en générale être ouverte, puis refermée de la manière suivante : <balise> (ouverture de la balise) et </balise> (fermeture de la balise).
Une page est structurée par des balises principales qui sont les suivante :
<html>...</html> délimite la page;
<head>...</head> délimite le contenu de l'entête de la page (méta-tags, titre, styles, etc...);
<body>...</body> délimite le contenu du corps de la page (ce que vois l'internaute dans vos pages);
Ainsi, une page a toujours l'architecture générale suivante :
<html>
<head>
informations entête
</head>
<body>
Contenu visible de la page
</body>
</html>
Afin de documenter des sources html, il est possible de faire des commentaires, ces commentaires ne seront pas visibles par vos internautes mais apparaîtront dans les sources. Ces commentaires sont délimité par <!-- et -->.
Exemple :
<!--ce que vous lisez ici est un commentaire-->
Il y a en réalité peu de balises html, et ce sont en générale toujours les même qui reviennent.
Ces balises les plus utilisée sont les suivantes :
<br> : sauter une ligne;
<b>...</b> : mettre en gras (ou <strong>...</strong>);
<i>...</i> : mettre en italique (ou <em>...</em>);
<a href="adresse internet">...</a> : faire un lien (délimite par <a> et </a>, il peut y avoir plusieurs paramètres dans <a>);
<div align="center">...</div> : centrer un texte ou une image (remplacer "center" par "left" pour aligner à gauche, par right pour aligner à droite, et par "justify" pour aligner un texte des deux cotés);
<img scr="adresse image" alt="commentaire image"> : afficher une image, avec un commentaire;
<h1>...</h1> : faire un titre de grande taille (pouvant aller de <h1> jusqu'à <h6>, 1 étant la taille la plus grande et 6 la plus petite);
<font>...</font> : caractéristiques d'un texte, mettez dans la balise <font> toutes les caractéristiques du texte. Par exemple <font face="Arial"> définira la police "Arial", <font color="red" face="Arial"> définira la police "Arial" et la couleur rouge, <font color="red" face="Arial" size="2"> définira la police "Arial", la couleur rouge et la taille "2".
Ces balises sont les balises principales, mais vous avez un certain nombre d'autres balises permettant de faire des choses plus précises.
D'autres balises souvent rencontrées sont les balises pour faire un tableau :
<table>...</table> : délimite le tableau;
<tr>...</tr> : délimite une ligne;
<td>...</td> : délimite une colonne;
Ainsi, un tableau avec deux lignes et deux colonnes sera codé de la manière suivante :
<table>
<tr>
<td>
contenu de la première colonne première ligne
</td>
<td>
contenu de la deuxième colonne première ligne
</td>
</tr>
<tr>
<td>
contenu de la première colonne deuxième ligne
</td>
<td>
contenu de la deuxième colonne deuxième ligne
</td>
</tr>
</table>
Cela vous paraît encore compliqué ? je suis sure que non !
Cette brève explication ne reprend que quelques bases permettant de comprendre un peu mieux ce qu'est le code html et la façon dont il est organisé, si vous souhaitez en savoir plus et devenir un pro du code html, c'est très facile, il existe pour cela beaucoup de livres très bien fait, mais aussi énormément de sites qui traitent de ce sujet.
Sites en relation avec cet article :
-Allhtml : tout sur le langage html
-Html sur BIG-annuaire
N`oubliez pas d`utiliser la documentation wifeo !
|
|
|
|
Anonyme
|
|
|
de Anonyme le 4/11/2005 à 20:00:44
| |
C'est vrai que le html est un des langages les plus simple, et est assurément indispensable pour faire un site internet, mais cela reste un langage de programmation, avec une certaine logique qu'il faut tout de même acquérire.
Pour cela, je conseil vivement de choisir un livre écrit exprès pour les débutant, dans la collection "Pour les nuls" par exemple, qui est une collection de livre très bien faite.
Yves, future pro du html ^^ |
|
Anonyme
|
|
|
de Anonyme le 8/2/2006 à 10:51:37
| |
Il est vrais que le HTML est indispenssable il existe aussi le XTML qui est plus récent car comme toujours en informatique il y a des mises a jour, le css est pas mal aussi (ca c'est pour la présentation de votre page).... je ne les siterais pas tous y en a trop.
Alors je ne sais pas si c'est autorisé (le chef du site me rappellera à l'ordre dans le cas contraire) mais je vais vous donner l'adresse d'un site super bien fait qui vous donne des cours gratuitement pour apprendre bon nombre de ses langages.
Ce site se nome LE SITE DU ZERO.
Allez y jeter un oeil, vous perdez rien à aller voir.
Et bonne création de site a tous. |
|
Anonyme
|
|
|
de Anonyme le 10/9/2006 à 17:45:07
| |
Comment fait-on pour écrire et afficher un commentaire ds un page html. quel est la balise pour, exactement comme cet exemple.
merci |
|
robin •10088 messages
•Inscrit le 20/8/2005
|
|
|
de robin le 12/9/2006 à 12:13:09
| |
C'est marqué dans l'article
Les balises sont : <!-- au debut, et --> a la fin.
N`oubliez pas d`utiliser la documentation wifeo ! |
|
Anonyme
|
|
|
de Anonyme le 12/9/2006 à 15:48:22
| |
Ce que je voulais dire, c'est comment faire un espace pour inscrire un commentaire et l'envoyer pour qu'il s'affiche sur la page??? |
|
robin •10088 messages
•Inscrit le 20/8/2005
|
|
|
de robin le 12/9/2006 à 18:35:17
| |
a, rien a voir avec le html, il faut utiliser le PHP (fait une recherche sur Google).
N`oubliez pas d`utiliser la documentation wifeo ! |
|
Anonyme
|
|
|
de Anonyme le 13/9/2006 à 16:59:02
| |
ok merci |
|
pix-art •80 messages
•Inscrit le 31/7/2006
|
|
|
de pix-art le 10/12/2006 à 16:06:00
| |
Pfiou ! J'adorerais savoir déjà faire ça ^^ Mais il faudrait une personne qui m'explique directement sur mon pc =) mdr |
|
Anonyme
|
|
|
de Anonyme le 1/4/2007 à 20:47:42
| |
Ouai bien pratique pour myspace pour sauter des lignes et mettre des liens... |
|
gta •1302 messages
•Inscrit le 1/2/2006
|
|
|
de gta le 1/4/2007 à 20:59:59
| |
Bah c'est ce que j'utilise pour créer mon site su mac... mais j'ai trouvé ça tout tout seul !! avec quelques aides de robin... La seul chose que je connaissait pas très bien était les balises head et body...
Au faite pour centrer quelque chose, pour moi, <center> et </center> marche aussi
Au faite je profite pour demander à Robin quelquechose...
J'a recement trouvé par azard en fouinnant certainne sources de sites, un petit truk... <blockquote> et </blockquote> qui à permis à mes tableau de les centrer... maisje ne connais pas sa vrais definition... je n'est pas cherché sur google mais tu l'a connais toi Robin ? |
|
robin •10088 messages
•Inscrit le 20/8/2005
|
|
|
de robin le 1/4/2007 à 22:31:57
| |
La balise BLOCKQUOTE permet de mettre en valeur un paragraphe (une citation par exemple) en effectuant suivant les navigateurs différents effets :
un décalage par rapport à la marge courante du document
un retour à la ligne précédent et suivant le bloc de texte
éventuellement différents autres styles (italique ...).
N`oubliez pas d`utiliser la documentation wifeo ! |
|
gta •1302 messages
•Inscrit le 1/2/2006
|
|
|
de gta le 2/4/2007 à 17:39:43
| |
Ok merci j'aivait vus juste avant sur google qu'en effet cela servait à mettre un paragraphe en valeur... |
|
msxosaure •133 messages
•Inscrit le 16/9/2006
|
|
|
de msxosaure le 2/4/2007 à 22:21:19
| |
Je travaille de plus plus hors ligne et sur les sources, ça évite les déboires : des textes qui ne veulent plus se mettre en place ou en forme etc...
Exemple:
En copiant des textes sur Word et en les copiant sur Wifeo je me retrouve avec <p/> (je crois) pour les sauts de paragraphes et là ça me crée un espace entre 2 lignes plus grand que normal et quasi impossible à retirer sans accéder au code source. |
|
robin •10088 messages
•Inscrit le 20/8/2005
|
|
|
de robin le 3/4/2007 à 7:19:42
| |
Attention, a Word, il utilise des formats spéciaux et le copier coller avec Word apporte souvent des bug.
N`oubliez pas d`utiliser la documentation wifeo ! |
|
Anonyme
|
|
|
de Anonyme le 2/5/2007 à 12:18:25
| |
Comment mettre en gras sur myspace svp? J'ai essayé "<b> et </b>" et "<strong> et </strong>" mais aucun ne marche! mercii d'avance. |
|
gta •1302 messages
•Inscrit le 1/2/2006
|
|
|
de gta le 2/5/2007 à 15:23:35
| |
peut-être que tu doit à la place des < et > mettre des [ et ] ... |
|
claude94 •3874 messages
•Inscrit le 13/4/2007
|
|
|
de claude94 le 2/5/2007 à 16:31:11
| |
"Robin A ECRIT : Attention, a Word, il utilise des formats spéciaux et le copier coller avec Word apporte souvent des bug.
Et bien je m'en suis aperçu...!!! Que de déboires avec World...! Toute la section de mon site sur "Michael Jackson" était sur World...C'est un bordel total...!! Tous les "copier-coller" provenant de World nécessitent une mise en page nouvelle, avec tous les problèmes que cela comportent...!! (Double espace entre les lignes, mauvais centrage, texte à droite alors qu'il devrait être à gauche etc etc etc...!!)
Je conseille à tous de retaper à la main (ben oui pas avec le pied ! lol) les textes que vous avez sur World. Ou alors il faut être hyper balèze en secrétariat et logiciel de textes...!!
`un enfant ne doit être sali que par la poussière qu`il a sur les genoux`
claude thinès... |
|
Anonyme
|
|
|
de Anonyme le 26/5/2007 à 20:20:13
| |
Salut à tous,
Bon je commence à toucher un peu mais j'avoue pas tout. Voila ma question concerne surtout myspace car je n'arrive pas a centrer la table commentaires, je voudrai placer tous les commentaires au centre ou gauche.
Quelqu'un aurait il la solution SVP quelle code utiliser je veux just CENTER.
Ce code permet ce cacher (hidden) cette table:
<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td><div id="scope" style="position:absolute;top:0;right:0px;text-align:center;">
J'ai essayer plein de modif mais je n'y arrive pas.
Merci pour l'aide. |
|
robin •10088 messages
•Inscrit le 20/8/2005
|
|
|
de robin le 26/5/2007 à 22:33:21
| |
alors il faut s'adresser au support technique de myspace...
sinon le script que tu a mis n'as pas de sens :
<div style="position:relative; height:400px; overflow:hidden; border:0px;">
=début d'une balise div
<table><tr><td>
=debut d'un tableau
<table><tr><td>
=debut d'un autre tableau
<div id="scope" style="position:absolute;top:0;right:0px;text-align:center;">
=debut d'une autre balise div.
(je te conseil de lire l'article ci-dessus)
N`oubliez pas d`utiliser la documentation wifeo ! |
|
entre-ciel-et-terre •48 messages
•Inscrit le 19/8/2008
|
|
|
de entre-ciel-et-terre le 21/8/2008 à 22:35:01
| |
bonsoir a tous
voila ca fait deux heures que j essaye de corriger une erreur sur le code html mais pas moyen... quelqu un pourrait il me dire pourkoi mon cadre ne se met pas a gauche svp ????? merci bcp 
 je m excuses je crois bien que je ne suis pas au bon endroit... desolee
Dernière édition du message le 21/8/2008 à 22:45:33.
L’amour est une fumée formée des vapeurs de soupirs. |
|
La doc’