Tableau blise HTML .pdf



Nom original: Tableau blise HTML.pdfTitre: untitledAuteur: jued gra

Ce document au format PDF 1.4 a été généré par RagTime 6.0.1 / Acrobat Distiller 6.0.1 for Macintosh, et a été envoyé sur fichier-pdf.fr le 16/12/2009 à 12:42, depuis l'adresse IP 85.68.x.x. La présente page de téléchargement du fichier a été vue 2851 fois.
Taille du document: 52 Ko (8 pages).
Confidentialité: fichier public


Aperçu du document


EXTENTION DE FICHIER
Type de document

Extension de fichier

Document XML
Fichier WML

.xml
.wml

Document HTML ou xHTML
Fichier javascript extene
Document XML
Fichier WML
Definition de type de document externe (DTD)
Fichier de feuille de styles externe
Fichier de feuille de styles XSL externe
Image GIF
Image JPG
Image PNG

.htm ou .html
.js
.xml
.wml
.dtd
.css
.xsl
.gif
.jpg ou .jpeg
.png

NORMES ISO des différent type de caracteres
Standard ISO
UFT-8 (unicode)
ISO-8859-1 (Latin-1)
ISO-8859-2 (Latin-2)
ISO-8859-3 (Latin-3)
ISO-8859-4 (Latin-4)
ISO-8859-5
ISO-8859-6
ISO-8859-7
ISO-8859-8
ISO-8859-9
ISO-8859-10
EUC-JP ou Shift_JIS

Jeu de Caracteres
Jeu de caractéres universel, utilsé dans le monde entier
Europe occidentale, Amérique latine
Europe de l'Est et Europe centrale
Europe du sud
scandinavie, Pays Balte
Cyrillique
Arabe
Grec
Hebreu
Turc
Lapon, nordiques, langues esquimaux
Japonnais

VALEUR HEXADECIMALES DES COULEURS
Nom Anglais
Black
Silver
Gray
White
Maroon
Red
Purple
Fuchsia
Green
Lime
Olive
Yellow
Navy
Blue
Teal
aqua

Nom Français
Noir
Argent
Gris
Blanc
Marron
Rouge
Violet
Fuchia
Vert
Vert claire
Vert olive
Jaune
Bleu marine
bleu
Cyan foncé
Bleu claire

Valeur Hexadecimale (Le # est obligatoire)
#000000
#C0C0C0
#808080
#FFFFFF
#800000
#FF0000
#800080
#FF00FF
#008000
#00FF00
#808000
#FFFF00
#000080
#0000FF
#008080
#00FFFF

CARACTERES SPECIAUX EN HTML
Caractére

Code

à
À
ç
é
È
è
È
ê
ù
<
>
&
"
'(Apostrophe)

à
À
ç
é
É
&eagrave;
&Eagrave;
ê
ù
<
>
&
"
'

BALISES GENERALES
Balise

Attribut

Valeurs

Description

<html>
<head>

Definit un fichier HTML
Definit l'en-tête d'un fichier HTML

<title>

Délimite le titre du fichier qui sera affiché
dans la barre de titre du
navigateur
introduit la zone principale, le corps du document.
Définit la couleur du
texte

<body>

text

Code hexadecimale,
Nom de couleur

background

bgcolor
link
alink
vlink

Ajoute une image d'arriere plan
Code hexadecimale,
Nom de couleur
Code hexadecimale,
Nom de couleur
Code hexadecimale,
Nom de couleur
Code hexadecimale,
Nom de couleur

<meta />

<bgsound /
>
src

Nom du fichier son

Exemple

<title>Ma page d'accueil</title>

<body text="#000080">
(ne pas oublier les guillemet)
<body background=
"image.gif">

Definit une couleur d'ar- <body bgcolor="white">
riere plan
Couleur du lien
<body link="green">
Couleur du lien actif

<body alink="#00ff00"

Couleur du lien visité

<body vlink="red">

Délimite une zone d'informations complementaires
Fichier son au chargement du document
uniquement dans internet <bgsound src=
explorer, non standard. "musique.mid" />

BALISES DE MISES ENFORME DE TEXTES
Balise

Description

<h1></h1> à <h6></h6> grosseur des titres de 1 à 6

Exemple
<h2>titre</h2>

<b></b>

Mise en valeur avec des
caracteres <b>gras</b>
Italics, caractere itallique
Police en <i>italique</i>
Merci de <u>ne pas</u>
Underlined, caractere souligné
effacer
Définit un container <span>, idéal pour les mises en le mot est en <span
formes de caracteres via des feuilles de styles.
class="rouge"id=
"rouge">rouge</sapn>
<strike>caractere barré</
Texte barré
strike>
<big>I</big>l etait une
Caractere plus grand
fois...
<small>Minet le grand</
Caractere plus petit
small>
Subscript, indice
H<sub>2</sub>O
il fait 50m<sup>2</sup>
superscript, exposant.
de surface
Emphatic, tecte mise en valeur, accentué, souvent c'est <em>tres</em> imaffiché en itallique.
portant
Strong, forte mise en valeur de caractere, souvent en Merci de ne <strong>pas
gras.
fumer</strong>
<code>function bonPresentation de code source.
jour()</code>
saisissez <kbd>jeuxmd</
Texte pour marquer les saisies de l'utilisateur.
kbd>
voir aussi <cite>WhiteMise en forme des citations, souvent en italique
wolf</cite>
<dfn>p correspond a paDéfinition, texte de définition.
ragraphe</dfn>
Structure prévue pour les exemples
<samp>§"@%</samp>
Pour de breves citations, souvent affiché en italique. <q>bonjour</q> dit-il!
Teletype, texte presenté en caractere de machine a <tt>texte en caracteres
ecrire.
courier par exemple</tt>
bold, caractere gras

<i></i>
<u></u>
<span></sapn>

<strike></strike>
<big></big>
<small></small>
<sub></sub>
<sup></sup>
<em></em>
<strong></strong>
<code></code>
<kbd></kbd>
<cite></cite>
<dfn></dfn>
<samp></samp>
<q></q>
<tt></tt>

ALIGNEMENT DE TEXTE
Balise

Attribut

Valeur

<p></p>
align

Exemple

Définit un paragraphe

<p>paragraphe écrit</p>

<p align="center">paragraphe centré</p>
Permet de définir sa pro- <p class="citation" id=
pre classe
"citation">citation
écrite</p>
Retour a la ligne.
"Container" au niveau
<div>paragraphe libre</
d'un paragraphe.
div>
Permet de définir sa pro- <div clas="pos1">un papre classe
ragraphe</div>

left, center, right, justify Alignement

class ou id
Nom libre
<br />
<div></
div>
class ou id

Description

Nom libre

LISTES
Balise

Attribut

Valeur

Description

disc

unordered list, crée une
liste a puce
Par defaut, disque.

<ul></ul>
type

Exemple

square
circle

Carré
Cercle
ordered list, liste numéroté
type de numérotation,
chiffre arabes par défaut.
Majuscules.
Minuscules.
Grand chiffres romains
(grand i)
Petits chiffres romains
(petit i)
valeur de départ, par default le 1.

<ol></ol>
type

1
A
a
I
i

start

chiffre
valeur

<li></li>

list, entree de liste.

<ul type="square">
<ul type"circle">

<ol type="A">
<ol type="a">
<ol type="I">
<ol type="i">
<ol type="1" start="3">
<ol type="A" startE">
<li>Chiens</li>

FORMULAIRES
Balise

Attribut

<form></
form>

Valeur

Description

Délimitent le formulaire.
action

Chemin jusqu'au script
CGI
Adress e-mail

method
<input />

Exemple

post oou get

type
text
password
radio
checkbox
reset

Type de transfert.
Définit un élément de
formulaire.
Champ de saisie de texte.
Champ de siaise de mot
de passe.
Bouton radio (choix unique).
Case d'option (choix
multiples).
Bouton de reinitialisation

submit

bouton d'envoie

button

Bouton

<textarea>
rows, cols

valeur

wrap

soft

size

valeur

<select>

action="http://
www.xyz.fr/cgi-bin/a.pl"
action="mailto:info@xyz.fr"
method="post"

<input type="text" />
<input type="password" /
>
<input type="radio"
name="a" value="1" />
<input type="checkbox"
name="c" value="0" />
<input type="reset" value="reset" />
<input type="submit" value="Go" />
<input type="button" value="Go" onClick="go()"
/>

Zone de saisie multiligne.
Nombre de lignes? lon- <textarea name="a"
gueur.
rows="2" cols="70"></
textarea>
Retour a la ligne, desacti- <textarea name="a"
vé par défaut.
rows="2" cols="70"
wrap="soft"></textarea>
Definit une zone de selection.
Definit le nombre de
<select name="sélection"
champs affichés, par dé- size="1">
faut 1 (liste déroulante).

AUTRES BALISES
Balise

Attribut

<hr />
size
width
align

color
noshade

Valeur

Description

Exemple

Définit une ligne.
<hr />
Epaisseur de la ligne, 1
pixel
<hr size="5" />
par défaut.
Largeur en pixel en pourpixel, %
centage, 100% par défaut <hr width="300" />
center
centré, valeur par defaut
<hr width="50%" align=
left
Aligne a gauche
"left" />
<hr width="350" align=
Aligné a droite.
right
"right" />
Code hexadécimale, nom couleur, uniquement in- <hr width="300" size=
de couleur
ternet explorer.
"4" color="red" />
La ligne ne doit pas etre <hr noshade="noshade" /
noshade
dotée d'une ombre.
>

TEXTE DEFILANT
Voici les attrbuts essentiels de la balise <Marquee>. A l'heure actuelle, cette balise n'est pas interprétée par le navigateur de Netscape.

ATTRIBUT DE LA BALISE <marquee>
Balise

Attribut

Valeur

<marquee>

Description
texte défilant

Nombre de répétitions
(indéfinies par défaut)
behavior
Comportement
Par défaut, simple pasScroll
sage
Alternative
Va-et-vient
Slide
Défile puis s'arrête
direction
direction du texte
Left
Par défaut, vers la gauche
Right
Vers la droite
Down
Vers le bas
Up
Vers le haut
Valeur hexadécimale, ou Valeur d'arrière plan du
Bg color
nom de couleur
texte défilant
Hauteur de la bande défHeight
pixels, %
filante
Largeur de la bande défiWidth
pixels, %
lante
ScrollaIncrément en pixels du
chiffre
mount
déplacement de l'obket
scrolldelay
Duréé de la pause entre
deux mouvements aniEn ms
més consécutifs, en millisecondes.
loop

chiffre

Exemple
<marquee>tout defile</
marquee>
<marquee loop="5">5
passages</marquee>
behavior="scroll"
behavior="alternative"
behavior="slide"
direction="left"
direction="right"
direction="down"
direction="up"
bgcolor="yellow"
height="100"
width="20%"
scrollamount="25"

scrolldelay="1000"

ANCRAGE D'IMAGES ET DE FICHIERS MEDIA
Le tableau regroupe les attributs et les valeurs permettant d'intégrer des images et des fichiers médias.

ANCRAGE D'IMAGES ET MEDIAS
Balise

Attribut

Valeur

<img />
src
align

Source du fichier
left
right

width
height

pixel
pixel

alt

text

border

pixel

vspace

pixel

hspace

pixel

src

Nom de fichier

width,
height

Pixel

autostart

true, false

loop

true, false

hidden

true, false

<embed />

Description

Exemple

Ancrage d'un fichier
image.
<img src="image.jpeg" />
Alignement de l'image.
Alignement gauche avec <img src="image.jpeg"
texte autour
align="left" />
Alignement a droite avec <img src="image.jpeg"
texte autour
align="right" />
Largeur de l'image.
width="100"
width="100" height="20"
Hauteur de l'image.
<img src="image.jpeg"
Texte de remplacement alt="description acompagnant l'image" />
Ajoute une bordure (bor- <img src="image.jpeg
der="0" supprime la bor- border="3" />
dure)
Espace supplémentaire
vspace="5"
en haut et en bas.
Espace supplémentaire a
hspace="3"
gauce et a droite.
Ancrage d'un fichier media
<embed src="sound.mid"
Source du fichier.
/>
Hauteur et largeur du lec- <embed="film.avi"
teur.
width="150" height="75"
/>
indique si le morceau
<embed src=
doit etre lu automatique- "sound.mp3" autostart=
ment.
"false" />
Spécifie si la lecture doit <embed src=
se faire en boucle ou non, "sound.mp3" autostart=
true est la valeur par dé- "false" loop="false" />
faut.
Indique si le lecteur doit <embed src=
etre affiché ou masqué, "sound.mp3" hidden=
pour une musique d'ar- "false" />
riere plan par exemple.

ANCRES ET LIENS HYPERTEXTES
Balise

Attribut

Valeur

<a>

href

Source du fichier (URL) Lien vers un fichier interne ou externe.

Nom de l'ancre

Description

renvoie vers une ancre
interne.

Exemple
<a href=
"image.jpeg">...</a>
OU <a href="http//
wwwunsite.fr">cliquez
ici</a>
<a href="@signe">...</
a>

mailto:adresse e-mail

name OU id

Nom de l'ancre

<a href="mailto:info@xyz.fr">reponse</a>
Définit une ancre interne. <a name=="signes" id=
"signes">...</a>

TABLEAUX
Vous trouverez dans cette sections les balises et les attributs applicables aux tableaux.

ATTRIBUTS ET VALEURS D'UN TABLEAU
balise

Attribut

Valeur

<table>
border

pixel

bgcolor

Valeur héxadécimale,
nom de couleur

align

left, right

width

pixel, %

cellpadding

pixel

cellspacing pixel
<tr>

<th>

width

pixel, %

align

left, center, right

valign

top, middle, bottom

bgcolor

Valeur héxadécimale,
nom de couleur

colspan

Valeur

rowspan

Valeur

voire <tr>

Description

Exemple

Introduit un tableau
Définit un cadre, par dé- <table border="3">
faut=0
couleur d'arrière plan
<table border="3" bgcolor="yellow">
alignement (indispensa- <table align="right">
ble pour l'alignement du
texte)
Largeur absolue ou rela- <table width="75%">
tive
espace entre bordure et <table border="1" cellcontenue de cellule.
padding="4">
espace entre les diffétable border="1" cellsparents champs.
cing="4">
Deffinit une cellule ordi- <td>5</td>
naire.
Largeur absolue ou rela- <tr width="200">
tive
Alignement, valeur par <tr width="200" align=
défault="left"
"right">
alignement verticale, va- <tr width="200" align=
leur par défaut="middle" "right" valign="top">
couleur d'arrière plan
<tr bgcolor="#FF0000">
Nombre de colonnes sur <tr colspan=="3">
lesquelles s'étire une cellule.
Nombre de lignes sur les- <tr rowspan=="2">
quelles s'etire sur une
cellule
déffinit la cellule de l'en- <th>Nombre</th>
tête du tableau

ENSEMBLE DE CADRES
Ne vous laissez pas impressionner par le nombre de variantes applicabes aux ensembles de cadres.
Les attributs bo rdercolor ou fr am ebord er sont en réalités trés peu employés dans la pratique.

BALISES ET ATTRIBUTS DES ENSEMBLES DE CADRES
Balise

Attributs Valeur

Description

cols

Introduit un ensemble de
cadres.
Divise la fenêtre en co- <frameset cols="*,50">
lonnes (columns).

<frameset>
Pixel, %,*

Exemple

Divise la fenêtre en lignes (rows).
Indique la largeur de la
bordure, en pixels ; les
bordures sont masquées
avec l'attribu border="0".
border
Pixel
La balise est ancienne,
mais tjrs indispensable.
frameborder
Indique si la bordure
(avec effet) doit être affichée ou non. Les anciens
0,1 (yes, no)
navigateurs ont besoin
des valeur yes et no.
Code héxadécimale, nom Attribut a la bordure une
couleur précise.
bordercolor de couleur
rows

Pixel, %, *

>frame />
src
scrolling

noresize

Nom de fichier
auto, yes, no

noresize

marginwidth
Pixel
marginheight
Pixel

</frameset>

<noframes>

</noframes>

Affiche une page dans
l'ensemble de cadres
indique la source pour le
cadre.
Précise si les barres de
défilement doivent être
affichées ou masquées.
Empêche la modification
par l'utilisateur de la
taille de la bordure.
Largeur de bordure ; Intervalle entre bordure
droite et gauche de la fenêtre.
Largeur de bordure ; Intervalle entre bordure inférieure et supérieure de
la fenêtre.
Fermer l'ensemble de cadres, balise indispensable.
Introduit une description
de remplacement pour les
utilisateurs d'un navigateur ne gérant pas les cadres.
Balise de fermeture de <
noframes>

<frameset rows=="10%,*
">
<frameset rows="10%,*"
border="0"

frameborder="1"

<frameset="10,*,20" border="10" bordercolor=
"red">

<frame src="navi.htm" />
<frame src="navi.htm"
scrolling="no" />
<frame src="navi.htm"
noresize="noresize" />
<frame src="navi.htm"
marginwidth="0" />

<frame src="navi.htm"
marginheight="5" />

</frameset>

<noframes>Désolé, mais
ton navigateur ne gére
pas les cadres, t'es trop
nul!</noframes>


Aperçu du document Tableau blise HTML.pdf - page 1/8

 
Tableau blise HTML.pdf - page 3/8
Tableau blise HTML.pdf - page 4/8
Tableau blise HTML.pdf - page 5/8
Tableau blise HTML.pdf - page 6/8
 




Télécharger le fichier (PDF)


Télécharger
Formats alternatifs: ZIP Texte



Documents similaires


41vxgo3
cours html
cours css3
a b 003
cours css3
ultimatetinymce

Sur le même sujet..




🚀  Page générée en 0.013s