Langage Html

27/11/2017

HTML: (Hyper Text Markup Language)

Le langage html est un langage de description. La première pages web html est née au CNRS a Genève.

Il permet de rédiger des pages web en utilisant des balises placées entre chevrons <;> C'est un langage de description.

Il permet de créer des liens sur les pages pour passer d'un(e) contenu/page lié(e) à un(e) autre

Pour ce langage, utiliser seulement le "bloc note" de notre ordinateur est suffisant.

On peut améliorer une page HTML grâce à du code JAVA SCRIPT ; Il permet de faire apparaître des fenêtres d'alertes et des sketchs simples Processing grâce à l'outil Processing.js

Général:

<HTML>....</HTML> Début et fin du fichier html

<HEAD>....</HEAD> zone d'en tête d'un fichier html

<TITLE>....</TITLE> Titre affiché par le navigateur (élément de HEAD)

<BODY> ....</BODY> Début et fin du corps du fichier HTML

<BODY bgcolor=colcod=colcod> Couleur de l'arrière plan

<BODY background=urlimg> Image de l'arrière-plan

Décaler les lignes de code sont l'indentation. L'indentation facilite la lecture:

<h1>Initiation au <strong>HTML</strong> pour les TS 1-2-3.</h1>

Titre de niveau 1

la valise «strong» permet de mettre un mot en évidence, mot caractéristique de la page (ici HTML)

<br /> C'est le retour a la ligne

<p> et </p> délimite les paragraphes

<ul> et </ul> pour une liste avec <li> et </li> étant chaque éléments de la liste.

on peut coder les caractères <meta charset="utf-32" />

(l'utf8 est un codage des caractères du clavier qui utilise un plus petit notre de bit pour les caractères les plus fréquents)

HYPERLIENS:

<a href= « ? »>.....</a> définie un lien sur une page

IMAGES:

Remarque : la mise en forme du texte de la page HTML peut être faite en langage CSS avec une feuille de style

1er langage htm:

"World Wide Web

The WorldWideWeb (W3) is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents.

Everything there is online about W3 is linked directly or indirectly to this document, including an executive summary of the project, Mailing lists , Policy , November's W3 news , Frequently Asked Questions .

What's out there? Pointers to the world's online information, subjects , W3 servers, etc. Help on the browser you are using Software Products A list of W3 project components and their current state. (e.g. Line Mode ,X11 Viola , NeXTStep , Servers , Tools , Mail robot , Library ) Technical Details of protocols, formats, program internals etc Bibliography Paper documentation on W3 and references. People A list of some people involved in the project. History A summary of the history of the project. How can I help ? If you would like to support the web.. Getting code Getting the code by anonymous FTP , etc."

-On peut amélioré"e une page html grâce a du code java.script .Il permet de faire apparaitre des fenêtres d'alerte, de prompt et sketch simples Processing grâce à l'outil "processing js"

Langage Html

Exemple

De code source html