Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

Partagez
 

 Cours Cours de Suna'

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


Dagaana

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

Mes Badges
Badges:

Dagaana
Cours Cours de Suna' Empty
MessageSujet: Cours Cours de Suna'   Cours Cours de Suna' EmptySam 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
https://dagaana.forumactif.org


avatar

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

Sunayani
Cours Cours de Suna' Empty
MessageSujet: Re: Cours Cours de Suna'   Cours Cours de Suna' EmptySam 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


Dagaana

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

Mes Badges
Badges:

Dagaana
Cours Cours de Suna' Empty
MessageSujet: Re: Cours Cours de Suna'   Cours Cours de Suna' EmptySam 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
https://dagaana.forumactif.org


avatar

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

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

Euh ouai.
Revenir en haut Aller en bas


Dagaana

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

Mes Badges
Badges:

Dagaana
Cours Cours de Suna' Empty
MessageSujet: Re: Cours Cours de Suna'   Cours Cours de Suna' EmptyMer 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
https://dagaana.forumactif.org


avatar

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

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

Non , tu peux continuer
Revenir en haut Aller en bas


Dagaana

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

Mes Badges
Badges:

Dagaana
Cours Cours de Suna' Empty
MessageSujet: Re: Cours Cours de Suna'   Cours Cours de Suna' EmptySam 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
https://dagaana.forumactif.org


avatar

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

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

Ok.
Revenir en haut Aller en bas





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

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
-
» Cours de Elden.
» Cours de Kurmae;
» Cours de Nuala.
» Cours de Spirit
» Cours de Akiran

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