Tuto Html

HTML POUR DEBUTANT

Introduction
Vocabliaire
Exemple1 introduction
Table
Code

C'est moche c'est normal c'est du html pur
Il va falloir patienter et decouvrir les css pour que sa reseemble à qu'elle que chose

Introduction

Tous d'abord un petit lient vers le w3school le w3c etant l'organisme qui certifie le html
Un autre reflex est de regarder le code des pages html pour aprendre sous firefox fair un ctrl+u
Bluefish est un bhon editeur html bas niveaux vous pouvez voir les options de style diposnible

Vocabulaire

HTML = Le lalnguage permtant d'ecrire les page web et a la base de les mettre sen formes
Balise <xxx> une balise est un ordre encadré par les symbole superieur inferieur.
css ets un document

Exemple1

Cette page devrais vous servire de canevas (copier la coller la et remplisser la a votre gise)

<html>
<head>
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
	<meta name="description" content="html tutoriel pour debutant"/>
	<meta name="keywords" content="html,tutoriel,debutant"/>
	<!--link rel="stylesheet" type="text/css" href="/common/css/general.css"/-->
	<title>Exemple Html1</title>	
	<link href="/free/png/Tux.png" rel="shortcut icon"/>	
</head>
<body>
<h1>Exemple 1</h1>
Faite un petit control u pour voir le code source de la page<br>
</body>
</html>

<html>	Elle permet de dire que le navigateur voit du html elle est fermer en bas de page Si on l'oublie sa marche quand meme mais c'est crade
<head>	Head ou entête un resumé a destination de plusieur personne (navigateur et robots d'indexation comme google yahoo msn) ce qui est dans c'est balise n'est pas visible dans un navigateur
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">	Cette ligne est a destination du navigateur elle signifie c'est du text html en codé en utf8 Mais pour que cela fonctionen bien le tomcat ou le serveur doit aussi etre en utf8 sinon les charactére bizard come le éàè seron remplacé par des petite caré des ? ou autre truc tordue
<meta name="description" content="html tutoriel pour debutant">	Petit resumé de la page
<meta name="keywords" content="html,tutoriel,debutant">	Voila la partie spécifique pour les robots google yahoo ect ne négliger pas cette partie
<meta name="verify-v1" content="T3XCBguSVeD3LtO93tWFy9X5EspgA8/7vc+iIRpcOgk=" >	Ne vous preocupais pas de cette partie c'est mon tracking google
<title>Exemple Html1</title>	Le titre de la page. Cela ce voit sur l'onglet
<link href="/free/png/Tux.png" rel="shortcut icon">	Cela me permet de faire apparaite une photo sur votre onglet tux notre mascotte bien aimée
<body>	balise qui signale le commencement de la partie visible (affichable) du document
<h1>	Signal que l'on veux creer un titre de niveaux 1 (on pourras plus tard modifier l'aparance par les css) On peux aussi utilsier h2,h3 ect pour descendre dans les niveaux ne vous inquiétais pas de l'aparence
<br>	Cette balise permet de faire des retour a la ligne
<object type="text/html" data="./../../../common/html/piedpage.html" width="1px" height="1px">	Ne vous occupé pas de sa c'est pour faire des graphe chez google

Table

Si on vois les bord du tableaux c'est grace a la commande border
Sans ce border le tableaux devient transparent sauf si on utilise des methodes de style

Exemple 1

col1 ligne1y	col2 ligne1	col3ligne1
col1 ligne2	col2 ligne2	col3ligne1

<table border="1" style="font-size: 75%">
  <tr>
    <td>col1 ligne1y</td>
    <td>col2 ligne1</td>
    <td>col3 ligne1</td>
  </tr>
  <tr>
    <td>col1 ligne2</td>
    <td>col2 ligne2</td>
    <td>col3 ligne2</td>
  </tr>
</table>

	
	<table> Déclaration de debut de tableaux
<tr> Début d'une ligne
<td> Marcage des colonne
on à utilisé sur ce tableaux un complement de style border="1" 
Il signifie bordure de case egal 1 pixel
si on ne l'avais pas mits le tableaux serais transparant

Exemple avec du style
<table cellpadding="10" cellspacing="1" border="10" align="center" valign="middle" width="50%" bgcolor="#7F7F7F">

cellpadding

espace entre le text et le bord de la cellule du tableaux

Code

C'est code sont trés utile pour afficher des balise comment croyé vosu que j'ais fais pour afficher les balise sans qu'elle sois interpreté
C'est pas clair ctr-u et regarder le code de cette page

Result	Description	Entity Name	Entity Number
	non-breaking space
<	less than	<	<
>	greater than	>	>
&	ampersand	&	&
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
€	euro	€	€
§	section	§	§
©	copyright	©	©
®	registered trademark	®	®

Character	Code (hex)
$	24
&	26
+	2B
,	2C
=	3D
?	3F
@	40
space	20
<	3C
>	3E
#	23
%	25

Vous pouvez maintenant voir du cotés des css css.html