Traduction 1001-soldes.com ©2017 Tous droits réservés | Texte original : http://www.tnellen.com/school/basic.html

Feuille de style


Travailler dans le Raw:
Les essentiels du HTML et quelques codes séduisants pour l'habiller modestement

l'Ecole virtuelle

IAUP - Fiche de permission

Index des éléments
Faux texte
Le code HTML
L'éditeur pico Créer et éditer des fichiers
Centre BASICS , sauts de ligne, gras, italique, souligné
Couleur / fond Ajout de couleur et plus à votre page
Graphiques / Images Ajout de photos
Règles horizontales Lignes à travers votre page
Création de liens Liens hypertextes vers d'autres pages
Rubriques Fontes principales
Polices Comment modifier et jouer avec les polices
Retrait des onglets et des retraits
Balles / Listes Numéros et balles pour les lignes
Tables Bonne façon d'organiser la page
Cadres Une façon plus avancée d'organiser la page.
Cadres Version de cette page
Marquee Texte défilant Son Ajout de son à votre page
Sentiers de souris Ajoutez un chemin de conception au curseur à l'écran
Splash Créer une page animée
Générateur de fenêtres PopUp
Générateur de fenêtres PopUp
Générateur de fenêtres PopUp
Script de codage de code source Protégez votre code
Icône de la page Favicon
Chiffrer le code source HTML Protéger votre code
Archivage Création d'archives
Waka Waka : <> Un poème amusant sur le code
Un autre bon tutoriel HTML
Obtenir un diplôme de conception Web Où poursuivre l'étude.
Je veux..
GO2WEB2.0
Didacticiel
HTML de Paul Turtola
HTML Cheat Sheet de Matt Banner
How2 en ligne sur HTML Besoin d'un manuel?
Applications Mozilla Un autre bon navigateur GRATUIT
Putty Application PC telnet gratuite
Apprenez les commandes de base Putty et UNIX.
CoreLiteFTP PC client FTP gratuit
FUGU FREE Mac Client FTP
Irfan GRATUIT Éditeur de graphiques
Audacity Editeur de son
Créer un convertisseur de fichiers PDF .
Convertissez PDF2WORD gratuitement.
Convertir PDF2HTML
Convertisseurs PDF
Fichiers PDF Coverter to Office
ZAMZAR programme de conversion gratuit.
Zotero
Templates
Créer un nouveau fichier
  1. Faire la page d'accueil de l'enseignant
  2. Page principale des devoirs
  3. Modèle de devoirs
  4. Faire la page d'accueil de l'étudiant
  5. Créer le fichier papier
  6. Rapide et sale
Dix erreurs principales dans la conception Web

envoyez un e-mail à ted@tnellen.com pour obtenir de l'aide

Meilleur vu avec n'importe quel navigateur

L'éditeur pico

Lorsque vous vous connectez à votre compte d'école, vous verrez une invite:
[tnellen @ students webdocs] $
Tous vos fichiers vus sur Internet se trouvent dans le répertoire appelé webdocs . Au lieu de tnellen, vous verrez votre identifiant. C'est l'invite UNIX. La commande que vous tapez pour créer ou modifier un fichier est pico suivie du nom du fichier que vous souhaitez créer ou modifier. Pour créer un fichier, gardez le nom simple et minuscule suivi de (période) html , par exemple: pico index.html pour modifier votre page d'accueil. Pour créer un fichier: pico newfilename.html .
Utilisez les commandes Learn Putty et UNIX de base dans le menu ci-dessus pour en savoir plus.

Les bases


HAUT
<center> Voici comment vous centrez le texte </ center>
L'espacement simple obtient un br à la fin de la ligne
Le double interligne obtient un p à la fin de la ligne <p>

<i> italique </ i>
<b> gras </ b>
<u> souligner </ u>

Voici un truc bien fait. Disons que vous voulez écrire une note que personne ne voit, un rappel. Dans DOS c'est REM.

Ouvrir avec: <! -
Votre note va entre ces codes. Cela n'apparaît pas sur la page Web, mais sera visible dans Afficher la source
fin avec: ->

Rubriques

HAUT

<h1> Titre 1 </ h1>

Rubrique 2

Rubrique 3

Rubrique 4

Rubrique 5
Rubrique 6

Règles horizontales


HAUT


<hr>

<hr align = taille de gauche = 5 largeur = 75%>

<hr taille = 3 largeur = 50%>

<hr align = bonne taille = 1 largeur = 25%>

<hr taille de noshade = 5 largeur = 50% align = center>

Police de caractère

HAUT

La police de base peut être établie en utilisant la formule de base = n. <police de base = 4>

Modification des polices:

TAILLE VISAGE COULEUR

<font color = "green"> TEXTE VERT </ font>

Graphiques en couleur

Caractères spéciaux

É é ¿Ñ ñ etc Plus

Indentation

HAUT

  1. <dd> Pour indenter la première ligne UNIQUEMENT, comme TAB dans un paragraphe, vous pouvez utiliser ce code devant la ligne.
    <dd> L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans. Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un planteur. Ses traits étaient bons: un nez droit, une bouche ferme, un front large, d'où ses longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles jusqu'au col de sa redingote bien ajustée. Il portait une moustache et une barbe pointue, mais pas de moustaches; ses yeux étaient grands et gris foncé, et avaient une expression bienveillante que l'on ne pouvait guère attendre d'un homme dont le cou était dans le chanvre. Évidemment, ce n'était pas un assassin vulgaire. Le code militaire libéral prévoit de suspendre plusieurs types de personnes et les messieurs ne sont pas exclus.
  2. Pour indenter la marge entière du paragraphe entier, utilisez ce code <ul> avant le paragraphe et celui-ci, </ ul> à la fin du paragraphe.
      <ul> L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans. Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un planteur. Ses traits étaient bons: un nez droit, une bouche ferme, un front large, d'où ses longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles jusqu'au col de sa redingote bien ajustée. Il portait une moustache et une barbe pointue, mais pas de moustaches; ses yeux étaient grands et gris foncé, et avaient une expression bienveillante que l'on ne pouvait guère attendre d'un homme dont le cou était dans le chanvre. Évidemment, ce n'était pas un assassin vulgaire. Le code militaire libéral prévoit de suspendre plusieurs types de personnes et les messieurs ne sont pas exclus. </ ul>
  3. Pour mettre en retrait les marges gauche et droite, utilisez <blockquote> au début du paragraphe et </ blockquote> à la fin du paragraphe.
    <blockquote> L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans. Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un planteur. Ses traits étaient bons: un nez droit, une bouche ferme, un front large, d'où ses longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles jusqu'au col de sa redingote bien ajustée. Il portait une moustache et une barbe pointue, mais pas de moustaches; ses yeux étaient grands et gris foncé, et avaient une expression bienveillante que l'on ne pouvait guère attendre d'un homme dont le cou était dans le chanvre. Évidemment, ce n'était pas un assassin vulgaire. Le code militaire libéral prévoit de suspendre plusieurs types de personnes et les messieurs ne sont pas exclus. </ blockquote>
  4. Le retrait suspendu

    <p style = 'text-indent: -25'> ( le 25 est arbitraire de votre part )

    L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans. Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un planteur. Ses traits étaient bons: un nez droit, une bouche ferme, un front large, d'où ses longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles jusqu'au col de sa redingote bien ajustée. Il portait une moustache et une barbe pointue, mais pas de moustaches; ses yeux étaient grands et gris foncé, et avaient une expression bienveillante que l'on ne pouvait guère attendre d'un homme dont le cou était dans le chanvre. Évidemment, ce n'était pas un assassin vulgaire. Le code militaire libéral prévoit de suspendre plusieurs types de personnes et les messieurs ne sont pas exclus.

  5. Pour justifier les marges gauche et droite, utilisez <p align = justify>. Mise en garde: il peut y avoir plus d'espace entre les mots pour obtenir ce look alors soyez prudent.

    <p align = justify>

    L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans. Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un planteur. Ses traits étaient bons: un nez droit, une bouche ferme, un front large, d'où ses longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles jusqu'au col de sa redingote bien ajustée. Il portait une moustache et une barbe pointue, mais pas de moustaches; ses yeux étaient grands et gris foncé, et avaient une expression bienveillante que l'on ne pouvait guère attendre d'un homme dont le cou était dans le chanvre. Évidemment, ce n'était pas un assassin vulgaire. Le code militaire libéral prévoit de suspendre plusieurs types de personnes et les messieurs ne sont pas exclus.

  6. Pour copier simplement du texte et n'utiliser AUCUN codage HTML, essayez <pre> avant le texte et </ pre> à la fin de celui-ci.
       <pre>   L'homme qui était en train d'être pendu avait apparemment environ trente-cinq ans   âge.  Il était un civil, si l'on pouvait juger de son habitude, qui était celui d'un   planteur.  Ses traits étaient bons - nez droit, bouche ferme, front large, de   dont les longs cheveux noirs étaient peignés en arrière, tombant derrière ses oreilles à la   col de sa redingote bien ajustée.  Il portait une moustache et une barbe pointue, mais non   moustaches;  ses yeux étaient grands et gris foncé et avaient une expression bienveillante que l'un   ne se serait guère attendu à celui dont le cou était dans le chanvre.  Évidemment, ce n'était pas   assassin vulgaire.  Le code militaire libéral prévoit de suspendre de nombreuses sortes   de personnes, et les gentilshommes ne sont pas exclus.    </ pre>    

Faire un lien

HAUT
Pour un site sur Internet:
<a rel="nofollow" href="http://www.yahoo.com/"> Yahoo L'adresse complète est nécessaire: http: //
Yahoo

Dans un fichier de votre répertoire Web:
<a rel="nofollow" href="cylib.html"> Cybrary Remarquez comment vous n'avez pas besoin de mettre dans l'URL complète, seulement le nom du fichier.
Cybrary

Dans la même page:
Lorsque vous cliquez sur " TOP " à droite, vous allez en haut de cette page. Ensuite, lorsque vous cliquez sur " Making Links " en haut, vous arrivez à cet endroit. Pourquoi?
Le code pour faire le lien est: <a rel="nofollow" href="#top"> TOP notez l'utilisation du symbole #
Le deuxième code est: <a name=top> qui est placé à l'endroit où vous souhaitez aller.

Utiliser un graphique comme un lien :

écrire ceci:
<a rel="nofollow" href="http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html">
<img src = "http://www.tnellen.com/pics/html.gif"> LIEN </a>

est ce que ca:

Ouvrir un autre navigateur

Vous voudrez peut-être que quelqu'un voie une autre page, en particulier une autre qui ne soit pas sous votre contrôle, et que vous ne vouliez pas que votre page soit perdue, vous ajoutez target = new à la fin de votre code de lien.
<a rel="nofollow" href="http://www.yahoo.com/" target=new> Yahoo Yahoo

email Ted
<a rel="nofollow" href="mailto:tnellen@tnellen.com"> ted@tnellen.com </a>

Balles

HAUT