[PDF] Cours HTML Le langage HTML permet de

View - Download Cours HTML

Previous PDF

Next PDF

Internet et la composition de pages Web

Virginie Sans

Virginie.sans@univ-rennes1.fr

Introduction

1.Introduction

2.

3.Les langages du web

Introduction : Historique

1967 : Arpanet : réseau militaire

américain robuste aux pannes

1973 : Apparition du TCP/IP

1983 : Internet : Interconnexion

Introduction : Statistiques

Monde

Introduction : Statistiques

Monde

Introduction : Statistiques

Monde

Introduction : Statistiques

France

3ULQŃLSH G·HQPHUQHP

Le réseau Internet met en

contact les utilisateurs par le biais de leur matériel informatique respectif.

3ULQŃLSH G·HQPHUQHP PRGqOH 7F3

IP

Hôte-réseau : liaison physique et de

données.

Internet : interconnexion des réseaux

/ routage.

Transport : conversation.

Application : Telnet, TFTP, SMTP,

HTTP.

3ULQŃLSHV G·HQPHUQHP IHV ŃRXŃOHV MSSOLŃMPLYHV

HTTP : web

NNTP : newsgroup

POP / SMTP : mail

FTP : transfert de fichiers

DNS : correspondance entre noms et adresses IP

SSH : connexion à distance sécurisée

3ULQŃLSH G·HQPHUQHP IH RHN

Système hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un navigateur, des pages mises en ligne dans des sites. L'image de la toile vient des hyperliens qui lient les pages Web entre elles. Communication entre un serveur (HTTP) et un client (navigateur)

3ULQŃLSH G·HQPHUQHP

3ULQŃLSH G·HQPHUQHP +773

Trame HTTP

Méthodes : GET / POST

HTTP 1.0 ou 1.1

Ligne de commande (Commande, URL, Version de protocole)

En-tête de requête

[Ligne vide]

Corps de requête

3ULQŃLSH G·HQPHUQHP 85I

Une URL est une chaîne de caractères utilisée pour adresser les ressources dans le Web

Exemple :

http : protocole www.example.com : hôte /chemin/ : chemin absolu sur le service page.html : nom de la page Web q=req : chaine de requête, transmise à la page

Les langages du web

Le web fonctionne sur le protocole HTTP

Plusieurs langages sont utilisés pour amener des pages personnelles aux utilisateurs

Comment fonctionne le Web ?

C'est unmécanismeclient-serveur. Le processusstatique Le duclientprocessusdynamique

Ecrire pour le Web

Ce entermedeprojet:

Définirlecontenu

Trouverunearborescenceergonomique

Appliquer/Respecterlachartegraphique

Produirelespages

Installerlesitesurleserveur

Maintenance,politiquedemiseàjour

HTML, l'origine

HTML HTML HTML estuneinstancedeSGML.

HTML, les principes

Il C'est simple. Il possibilitésplusprochesdelaP.A.O.

L'hypertexte

Le documents. En

Arbre généalogique

SGML XML

HTMLDocbook

XHTMLSMILMathML

Introduction au marquage

1 Pour

DébutdemiseenformeFindemiseenforme

ici votre texte

Synonymes: marqueur, élément, tag.

Introduction au marquage

2

Ces balises peuvent être ins

érées n'importe oùdans le texte, entre

2 phrases, mots, lettres "

Le coursHTML

Introduction au marquage

3

Il faut respecter une logique d'imbrication:

Bon:

Mauvais:

LecoursHTML

Introduction au marquage

4

Le langage HTML est

sensible àla casse, toujours

écrire en minuscules.

Bon:

Mauvais:

LecoursHTML LecoursHTML LecoursHTML LecoursHTML

Les attributs

Les entreguillemets. texte texte

Les commentaires

Voici un commentaire HTML qui

peut se placer sur plusieurs lignes

Que choisir pour écrire de l' XHTML?

A la main, avec un éditeur de texte

Avec un logiciel "

assistant» au code HTML

PageSpinner sur MacIntosh, Amaya sur Unix, HTML

A l'aide d'un programme dit "WYSIWYG"

Al'aided'unfiltre

Les

Conversion

HTMLversXHTMLavecHTMLTidy

Disponible

dansdenombreusesversionssurlesiteduW3C

Attention aux

mauvaises surprises de compatibilité ! Le clientdoitpouvoirinterpréter

HTMLetafficherlerésultat.Ils

sontdivers,tournantsurdes systèmesdifférents:

NetscapeNavigator,Mozilla,

Internetexplorer,Safari,

Opéra,iCab,Emacsmode

www,Amaya,Lynx,links, w3m

Que choisir pour lire HTML?

Note sur les caractères accentués

Vous fichierHTML.

Les serveurs Web accepte les caract

ères accentués de la

norme iso-8859-1. On spécifie l'encodage dans le fichier HTML.

Structure de base d'un fichier HTML

" " %RQÓRXU PRXP OH PRQGH sontdits"élémentsdeligne".

Analyse des balises

.. Délimite le début et la fin du document .. Entête du document, contient des méta- informations . . Corps du document titre du document . . méta-informations script ou référence

Analyse des balises

.. Délimite le début et la fin du document .. Entête du document, contient des méta- informations . . Corps du document

Rappels

Les

écritsenminuscules.

Les valeur. Les balisesfermantessontobligatoires. Les (ex:
)

Un peu plus loin dans HTML

Hello World

L'emplacement de votre nouveau matériel est-il à proximité (moins de 5m) d'une prise réseau

libre ? Si oui, relevez le numéro de la prise (il est écrit sur une plaque de céramique bleue, il faut

respecter la distinction entre lettres majuscules et minuscules). Sinon, il faut faire installer une nouvelle prise par le

Service Travaux, auquel vous devrez adresser un bon de cession interne. La suite des opérations aura lieu quand vous

aurez une prise disponible. Dans le doute, interrogez par courrier électronique netadm@pasteur.fr.

Votre demande doit nous parvenir par l'intermédiaire du correspondant informatique de votre Unité. Elle se

composera de deux parties : un bon de cession interne envoyé au Service Informatique Scientifique et un courrier

électronique adressé à netadm@pasteur.fr qui contiendra toutes les informations utiles (dont le

numéro du bon de cession).

1. le premier élément
2. le deuxième élément
3. le troisième élément

Vous trouverez ici la suite du texte !!

Eléments de niveau bloc

. . Titre de niveau n, de 1 à 6

. .

Paragraphe Et aussi: address, blockquote, div, hr, pre sans oublier body !

Eléments de listes

. .

Liste non triée, liste à puces

. .

Liste triée, liste à numéros

. .

Elément de la liste

Et aussi: dl, dt, dd

IHV OLHQV VXU XQ PH[PH "RX VXU MXPUH ŃORVH A

. . Création d'un lien hypertexte, ou vers un point d'ancrage du document

Principaux attributs:

href = url name = chaîne de caractères Université de Cergy Pontoise

Les liens intra

pages Texte sur les chats

En savoir plus sur les chats Vers la

Les adresses URL

Les adresses du Web ou URL ( Uniform Resource Locator ) sont du type:

Le protocole:

quotesdbs_dbs50.pdfusesText_50

[PDF] cours html pdf complet gratuit

[PDF] cours html pdf gratuit

[PDF] cours html pdf site du zero

[PDF] cours html pour debutant

[PDF] cours html5 pdf

[PDF] cours humanisme et renaissance 2nde

[PDF] cours hydraulique écoulement en charge

[PDF] cours hygiène et sécurité au travail pdf

[PDF] cours hygiène et sécurité industrielle

[PDF] cours identité remarquable

[PDF] cours ifid pdf

[PDF] cours immunologie 2eme année biologie ppt

[PDF] cours immunologie bts abm

[PDF] cours immunologie medecine pdf

[PDF] cours import export bts ci