AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Cours Cours de Suna'

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Cours Cours de Suna'   Sam 12 Déc - 12:55

HTML

Les balises

[] Balise gras italique et souligne
[] Balise d'image
[] Balise d'introduction de propriete div et span
[] Balise de lien
[] Balise de paragraphe
[] Balise de saut de ligne
[] Balise pour la creation de page html (<*html><*head> ect )
[] Balise de la ligne horizontale
[] Balise de creation de liste
[] Employ des attributs ( style='' ; span='' ect )

Tableau

[] Les balise <*table> <*tr> <*td> ( la structure )
[] Utilisation du rowspan et colspan
[] Utilisation du cellspacing et cellpadding
[] Utilisation du width="" du height="" et du border=""

CSS

[] Connaissances de la structure du CSS
[] Background
[] Tout ce qui est de l'ecriture
[] Savoir ce qu'est une classe
[] Proprietes

JAVASCRIPT
[] Signature codee

Code:
[center]HTML[/center]

Les balises

[] Balise gras italique et souligne
[] Balise d'image
[] Balise d'introduction de propriete div et span
[] Balise de lien
[] Balise de paragraphe
[] Balise de saut de ligne
[] Balise pour la creation de page html (<*html><*head> ect )
[] Balise de la ligne horizontale
[] Balise de creation de liste
[] Employ des attributs ( style='' ; span='' ect )

Tableau

[] Les balise <*table> <*tr> <*td> ( la structure )
[] Utilisation du rowspan et colspan
[] Utilisation du cellspacing et cellpadding
[] Utilisation du width="" du height="" et du border=""

[center]CSS[/center]

[] Connaissances de la structure du CSS
[] Background
[] Tout ce qui est de l'ecriture
[]  Savoir ce qu'est une classe
[] Proprietes

[center]JAVASCRIPT[/center]
[] Signature codee
Revenir en haut Aller en bas
http://dagaana.forumactif.org




Messages : 4
POINTS : 4
Date d'inscription : 28/06/2015

Sunayani
MessageSujet: Re: Cours Cours de Suna'   Sam 12 Déc - 12:58

HTML

Les balises

[x] Balise gras italique et souligne
[x] Balise d'image
[] Balise d'introduction de propriete div et span
[x] Balise de lien
[] Balise de paragraphe
[] Balise de saut de ligne
[] Balise pour la creation de page html (<*html><*head> ect )
[] Balise de la ligne horizontale
[] Balise de creation de liste
[] Employ des attributs ( style='' ; span='' ect )

Tableau

[] Les balise <*table> <*tr> <*td> ( la structure )
[] Utilisation du rowspan et colspan
[] Utilisation du cellspacing et cellpadding
[] Utilisation du width="" du height="" et du border=""

CSS

[] Connaissances de la structure du CSS
[] Background
[] Tout ce qui est de l'ecriture
[]  Savoir ce qu'est une classe
[] Proprietes

JAVASCRIPT
[] Signature codee
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours Cours de Suna'   Sam 12 Déc - 13:09

Alors go ♥
LES TABLEAUX

Un tableau est ouvert par la balise ouvrante <*table> une balise ouvrante doit toujours etre fermee.
La balise <*table> possede tout pleins de propriete ( on verra ca plus tard ) la balise <*tr> ouvre une ligne et la ballise <*td> ouvre une cellule.
Un tableau en generale ce forme de cette facon :

cellule 1 cellule 2
cellule 1 cellule 2

Code:
<table> <tr><td> cellule 1 </td> <td> cellule 2 </td></tr><tr><td> cellule 1 </td> <td> cellule 2 </td></tr></table>

Toute le sbalises suivent toujours le meme ordre <*table><*tr><*td>
Tu as tout compris ? On peut passer a la suite ?

NB : Les balises fermantes sont differencibles par le /
Revenir en haut Aller en bas
http://dagaana.forumactif.org




Messages : 4
POINTS : 4
Date d'inscription : 28/06/2015

Sunayani
MessageSujet: Re: Cours Cours de Suna'   Sam 12 Déc - 14:01

Euh ouai.
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours Cours de Suna'   Mer 30 Déc - 15:33

Ok ensuite :
LES TABLEAUX

Nous allons maintenant voir les propriete en ps que peut posseder les tableaux. Rowspan et colspan ainsi que d'autres petites choses.
Tout d'abord une cellule peut contenir :

Du texte
Des liens
Des images
D'autres tableaux
Et tout ce que tu veux 'dautres.

AUTRES

Width et Height\

Le width ( largeur ) et le height ( hauteur ) permettent de donner la hauteur et la largeur de la cellule soit en px soit en pourcentage en fonction de la page.

border

C'est tout simplement une bordure qui pour les tableaux est represente de cette facon : <*table border="tonnomreenpx">

Cellespacing et Cellpadding

Le cellspacing determine la largeur en px entre chaques cellules de ton tableau. ( cellspacing="" )
Et le cellpadding determine la marge interieur de la cellule de ton tableau ( cellpadding="")

Align et Valign
Align sert a indiquer la l'alignement horizontal a l'interireur de la cellule, dans la ranngee, ou dans tout le tableau. Il faut employe les valeurs: left ( gauche ) right ( droite ) center ( centre )

Valign sert a indiquer l'alignement vertical dans toute une cellule. Ilfaut employer les valeurs bottom ( en bas ) top ( en haut ) middle ( au centre )

ROWSPAN ET COLSPAN

Le rowspan est une fusions de ligne de ton tableau <*td rowspan="nombredelignequetuveuxfussioner">
   
   
   
   
   
   
   
   
   
   
   
cellule 1cellule 2cellule 3
cellule 4cellule 5

Code:
   <table border="1">
    <tr>
    <td rowspan="2">cellule 1</td>
    <td>cellule 2</td>
    <td>cellule 3</td>
    </tr>
    <tr>
    <td>cellule 4</td>
    <td>cellule 5</td>
    </tr>
    </table>

Le colsan est une fusion de cellule <*td colspan="nombredecelluleafusionner">
   
   
   
   
   
   
   
   
   
   
cellule 1
cellule 2cellule 3cellule 4
k
Code:
   <table border="1">
    <tr>
    <td colspan="3">cellule 1</td>
    </tr>
    <tr>
    <td>cellule 2</td>
    <td>cellule 3</td>
    <td>cellule 4</td>
    </tr>
    </table>

Tout compris ? Des questions ?
Revenir en haut Aller en bas
http://dagaana.forumactif.org




Messages : 4
POINTS : 4
Date d'inscription : 28/06/2015

Sunayani
MessageSujet: Re: Cours Cours de Suna'   Mer 30 Déc - 16:34

Non , tu peux continuer
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours Cours de Suna'   Sam 30 Jan - 14:39

BASES DU HTML.

-Alors commençons par le début. La balise <.div>.
La balise <.div> permet d'introduire des propriétés de CSS dans ton code.
Remarque : Les navigateurs placent toujours un saut de ligne avant et après un élément <.div>.

Tu peux ajouter des attibruts à ta balise <.div> si tu veux ajouter directement des propriétés de CSS dans ton code il te suffit te faire ceci : <.div style="tes propriétés CSS"> mais tu peux aussi créer un attribut qui te permet de rediriger la fonction de ta div, vers un un CSS ( histoire de les séparer quoi.) <.div class="LE NOMDETONCHOIX"> mais on verra les feuilles de CSS plus tard, donc pour l'instant c'est le premier attribut qui importe le plus.

-Pour les balises de gras et de souligné, elles sont différentes de celles du BB code autrement dit les [.i] ou les [.b] ect. En vérité elles sont similaires mais correspondent un peu à la forme de la balise div autrement à la place des [] tu as des <> (<.i>; <.b>)

-Les balises d'images sont un peu comme celles des gras ect, elle sont différentes. et s'écrivent comme ceci : <.img src="l'url de ton image">

- Les balises de lien sont formés de cette façon : <.a href="url"/> et si tu veux mettre un texte et au clique de celui-ci tu serais redirigée vers une page / image ect il suffit de faire ceci: <.a href="url">texte<./a>

- Les balises de paragraphe permettent de délimiter deux parties d'un texte comme ceci :
Spoiler:
 
Il fait tout simplement un saut de ligne entre les deux . Et se rédige de cette façon <.p>

- La balise de saut de ligne peut être utile si tu veux sauter des lignes entre un bloc et un autre elle se rédige de cette façon : <.br> forumactif aime la modifiée mais voilà.

- HTML ET HEAD. Il y en a d'autres mais ils ne te servent à rien pour l'instant.
headDonne des informations a propos du document
title Défini le titre du document
base Défini une adresse par défaut pour un lien sur la page
link émet la relation, entre un document et une ressource extérieur à la page
style Défini des informations pour un document

- Les listes en HTML marchent de cette façon :

1 Liste ordonée

Code:
<ol>
<li> article 1 </li>
<li> article 2 </li>
</ol>

  1. article 1

  2. article 2


2 liste non ordonée

Code:
<ul>
<li> article 1 </li>
<li> article 2 </li>
</ul>

  • article 1

  • article 2


Une liste peut avoir plusieurs attributs. Comme :
COMPACT resserre l'interligne
PLAIN supprime les puces
SEQNUM définit le premier numéro
START définit le premier numéro
CONTINUE repart du numéro où il s'était arrété
à la liste précédente
TYPE (pour les listes ordonnées) 1
A


a


I


i

numérotation chiffrée (par défaut)
numérotation en capitales


numérotation en bas de casse


numérotation en chiffres romains (I, II, III, IV ...)


numérotation en chiffres romains en bas de casse

TYPE (pour les listes non-ordonnées) circle
square
disc puce circulaire
puce carrée
puce en disque

NB 1 : les point devant les div ou autre balise (<.div> ) évite tout simplement quelles ne fonctionnent, et te permet de les voirs.

NB 2 : Toute balise ouverte doit se refermée ( <.div> ton texte <./div> ) et se ferme habituellement avec un trait oblique devant le titre de la balise.
Revenir en haut Aller en bas
http://dagaana.forumactif.org




Messages : 4
POINTS : 4
Date d'inscription : 28/06/2015

Sunayani
MessageSujet: Re: Cours Cours de Suna'   Sam 30 Jan - 14:41

Ok.
Revenir en haut Aller en bas





Contenu sponsorisé
MessageSujet: Re: Cours Cours de Suna'   

Revenir en haut Aller en bas
 
Cours Cours de Suna'
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Day 06 - Cours ! Cours Pour Ta Vie ! [À Clôturer]
» cours de latin
» Cours informatique
» Amphi pour les cours de Ninjutsu
» Cours d'utilisation du sabre (Ouvert à tout le monde)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Fese :: cours-
Sauter vers: