Rechercher dans ce blog

Contributeurs


Fait par : Taha Achlouj

Ce petit résumé va être divisé en deux partie, la première partie se base sur le xml et la deuxième notamment du html comme l'indique le titre du document. Alors perdant pas de temps en y vas 

I - XML

EXTENSIBLE MARKUP LANGUAGE 

Les balises en XML sont aléatoires vous êtes libre de choisir votre balise comme l'exemple ci-dessus
Les balises doivent toujours être ouvertes et  fermées comme ceci balise ouvrante '' <taha>  et une balise fermente ajoute d'un slache </taha> voila mon petit exemple détaillé :

<taha>
<prenon>taha</prenon>
<nom>achlouj</nom>
<age>21ans</age>
<adresse>18 groupe 20 sidi yahya du gharb</adresse>
</taha>

Votre code XML doit toujours avoir une racine comme c'est le cas dans l'exemple en haut notre racine est <taha> qui se trouve a la tète du code et en la retrouve aussi a la fin du code équipée d'une slache fermente </taha>.

2- Qu'est-ce que la définition d'un document XML ?

(DTD) définition:

Une DTD est un ensemble de règles que l'on impose au document. Ces règles permettent de décrire la façon dont le document XML doit être construit
Un document valide:
Un document valide est un document bien formé conforme à une définition. Cela signifie que le document XML respecte toutes les règles qui lui sont imposées dans les fameuses définitions (DTD).

pourquoi écrire une DTD :
Associer une définition à un document oblige à une certaine rigueur dans l'écriture de vos données XML. C'est d'autant plus important lorsque plusieurs personnes travaillent sur un même document. La définition impose ainsi une écriture uniforme que tout le monde doit respecter.
DTD externes et les DTD internes.
Les règles des DTD internes s'écrivent directement dans le fichier XML qu'elles définissent tandis que les règles des DTD externes sont écrites dans un fichier séparé portant l’extension .dtd .

Exemple d'un fichier DTD sur la base de l'exemple xml déjà donné a la partie précédente: 
Exemple:

<!ELEMENT taha (nom, prenom, age,adresse)>
<!ELEMENT
prenom (#PCDATA)>
<!ELEMENT nom (#PCDATA)>
<!ELEMENT age (#PCDATA)>
<ELEMENT adresse (#PCDATA)>

La racine c'est l'élément taha alors la racine doit contenir toujours les branche qui sont a l’intérieur de cette même racine 

Exemple :
<!ELEMENT taha (nom, prenom, age, adresse)> 

 les éléments nom, prenom, age, adresse appartient a la racine principal taha.

passant maintenant a ce qui est du html 

II - Html 

Le html étudié avec notre prof mr.mokhtari ne consiste pas à faire de nous des développeurs mais c’est notamment les notions de base du html
La première notion à retenir c’est la structure d’une page en html, ce sont des simple balise à les retenir par cœur pour réussir votre exercice ou votre examen dans l’exemple ci-dessus je vais vous montrer une simple structure ce qui est demandé l’ors de l’examen
<html>
C’est la balise qui montre que vous écrivez du HTML
<head>
Dans cette balise la, de nombreuses éléments peuvent être présentés (le titre, la description de la page web, ainsi que les mots clés…).
</head>
<body>
Cette balise représente le corps de la page ou d’un autre sens l’ensemble des informations que la page contient (articles, colonnes…)
</body>
</html>
N.B : Le concept reste le même comme en a fait en XML balise fermente et balise ouvrante

Maintenant je passe à vous fournir des codes demandés plusieurs fois dans certains examens de mr.mokhtari 
1-Code d’insertion d’une image
Le code :
 <img src =" ">
Son utilisation :
Si l’image se situe a la même place avec le fichier XML en se contentera d’un lien comme cela

<img src ="image.jpeg">

Mais si l’image se trouve a un endroit différent on doit précisez le chemin alors ça sera comme ça

<img src ="c://bureau/image.jpeg">

C : sert à monter que le fichier se trouve sur la partition c de mon disque dure
Bureau : c’est l’emplacement ou j’ai mis ma photo
Image.jpeg : c’est le nom et l’extension (.jpeg,png,jpg,gif…) de mon image.

2-Code d’insertion du lien hyper texte  

Le code :
<a href =" "> </a>
Son utilisation
<a href ="içi en met notre lien  ">ici le nom que nous voulons afficher </a>

Exemple :
Lien sur internet

<a href ="http://www.etudes-francaise.tk ">études françaises ibn tofail </a>

Lien sur mon pc (disque dure)

<a href =" c://bureau/image.jpeg ">mon image </a>

3-le code d’insertion tableau

Le Code
Tr : pour les rangées
th : pour le titre de rangée
td : pou les colones
caption : pour le titre
la réalisation sera

utilisation
<table border="1">
<caption> nom du tableau</caption>
<tr>
<th> nom de prmière rangé</th>
<th> nom de prmière rangé</th>
</tr>
<tr>

<td>donnée 1</td>
<td>donnée2</td>
</tr>
</table>


J’espère que vous avez trouvé mon petit résumé a la hauteur de vos intentions si mes explications ont pu vous aider à comprendre n’hésitez pas me le dire sur un commentaire ça m’aidera et ça va m’encourager à donner plus merci et bon examen inchallah.

0 commentaires:

Enregistrer un commentaire

Articles les plus consultés