Ce tuto vidéo "Apprenez les Bases du HTML avec HTML 4" fait partie d'une formation complète qui vous permettra de découvrir plus en profondeur HTML. Découvrez sans plus attendre la formation "Pack formation HTML et CSS débutant : Créer votre premier site web" dans laquelle vous retrouverez cette vidéo et tous les fichiers source utilisés par le formateur.
Les fichiers source ne sont pas fournis dans les vidéos vendues à l'unité.


Dans cette formation en vidéo, nous apprendrons les bases du HTML qui sont souvent négligés par les débutants et qui constituent la base solide de tout site internet ou application web.

Nous verrons ensemble comment construire une page HTML avec les balises principales (Html, head, body, title, les méta, le doctype...) puis nous aborderons les points suivants :

  • la hiérarchie des titres Hn
  • les paragraphes agrémentés de balises pour le gras et l'italique
  • la balise pour les citations
  • intégrer une image
  • créer un lien
  • créer une liste,
  • faire un tableau
  • créer un formulaire

Ce tuto d'adresse à des débutants, c'est à dire ceux qui ne connaissent absolument pas le code HTML et le principe de balisage pour créer un document structuré sémantiquement.

Bon tuto !

Jetez un oeil à ces autres tuto HTML 4

Le web et les métadonnéesLe web et les métadonnées…
Métadonnées : Partez à la découverte des microformats, microdatas,…

Créer une application autour de moi en HTML5Créer une application autour…
Dans ce tuto HTML5 en vidéo, nous allons voir comment créer…

Pack : Créer votre site Internet, les bases pour débutantsPack : Créer votre site Internet,…
Dans ce pack, nous allons vous donner toutes les bases HTML…

Aller plus loin en HTML5 : Le drag and dropAller plus loin en HTML5 :…
Gérez le glissé/déposé avec JavaScript Vous êtes développeur…

Créer un site One Page complet de A à ZCréer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…

Montage HTML/CSS d’une maquette graphique sur DreamweaverMontage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…

Montage HTML / CSS d'un site Internet ResponsiveMontage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…

Créer un portfolio full responsive en HTML5 et CSS3Créer un portfolio full responsive…
Voici une formation pour apprendre à créer un portfolio full…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto HTML 4 de 27 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

spykrew07 , formateur certifié

Salut à tous ! Je m'apelle Adrien j’ai 29 ans et je suis Webdesigner spécialiste WordPress depuis 7 ans. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant 4 ans et depuis 3 ans je me suis lancé en freelance. Formateur certifié sur tuto.com, je partage mes connaissances et mes découvertes dans différents domaines : web design, logo, html, wordpress, php, css jquery ... Ma devise : Webdesign is not a job, it’s a passion !

Toutes les formations de Spykrew07


Témoignage des clients de spykrew07

Je trouve que Spykrew07 est un très bon formateur !

Très bon formateur !!!

tutos clair et précis!

Très bien, de bonnes explications très précises. Un bon rythme pendant les tutos

Tuto utile et super précis ! Merci

Lire les autres témoignages

 

D'autres tuto de spykrew07

Créer un logo simpleCréer un logo simple
Dans ce tuto Illustrator, vous apprendrez à manipuler les outils de base du logiciel…

Proposez du contenu privé aux membres de votre site webProposez du contenu privé aux membres de votre site web
Dans cette formation Wordpress en vidéo, nous allons voir ensemble comment privatiser…

Changer le contenu d'une div avec un selectChanger le contenu d'une div avec un select
Dans cette formation Jquery en vidéo, nous verrons comment changer le contenu d'une…

Créer une navigation à l'aide de la méthode load()Créer une navigation à l'aide de la méthode load()
Dans ce tuto JQuery en vidéo, nous allons voir ensemble comment utiliser la méthode…

voir tous les tuto de spykrew07

Notes attribuées par les utilisateurs (34 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (42)

par arcaneparisa voté :
(a acheté ce tuto - 10 avril 2013)

" 5/5 très lisible et clair
Facile à enregistrer
indiquer si possible le prochain tutoriel à l'intéreiur
de celui-ci "

par felilo20a voté :
(a acheté ce tuto - 29 novembre 2012)

" très bon tuto pour commencer en html :D j'ai vraiment aimé "

par donatdoanvana voté :
(a acheté ce tuto - 27 novembre 2012)

" Bref tutoriel, mais suffisant pour bien débuter.
Merci "

par cartona voté :
(a acheté ce tuto - 29 octobre 2012)

" très bon tuto, à recommander!!! merci pour cet agréable moment "

par dom38a voté :
(a acheté ce tuto - 15 octobre 2012)

" excellent, très concis et rapide, permet de réviser les bases HTML "

par yannickinlivea voté :
(a acheté ce tuto - 20 septembre 2012)

" 4/5
tres bien
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa "

par FanfanAndMea voté :
(a acheté ce tuto - 20 septembre 2012)

" Merci pour cette excellente formation de base. A l'attaque de la partie2 ;o) "

par dropdropa voté :
(a acheté ce tuto - 27 juin 2012)

" 4 "

par drelsona voté :
(a acheté ce tuto - 17 mai 2012)

" très bon tuto excellent formateur merci je recommande à tous les débutants "

par eparanta voté :
(a acheté ce tuto - 12 mai 2012)

" Encore une fois un tutoriel très didactique clair et précis, merci.
La démonstration par l'exemple permet en effet de réaliser sa première page en moins d'une heure. Il faut néanmoins quand même avoir quelques notions de HTML.
NotePad n'existant pas pour Mac pourriez-vous indiquer un éditeur HTML pour Mac dans les notes du tutoriel même si on en trouve en utilisant Google. "

par spykrew07
(auteur de ce tuto - 20 avril 2012)

" @SahelPixels Ben je suis vraiment content que ça t'es plu, et j'espère que la 2ème partie te plaira encore + ! Bonne continuation ;) "

par SahelPixelsa voté :
(a acheté ce tuto - 20 avril 2012)

" J'AI ADORE!!! "

par sinecharlesmelissaa voté :
(a acheté ce tuto - 12 avril 2012)

" Très bien pour les débutants. Très bien expliqué. "

par BLONDINa voté :
(a acheté ce tuto - 18 mars 2012)

" Excelent tuto !!!
Limpide "

par jubeia voté :
(a acheté ce tuto - 02 mars 2012)

" concis, clair sans fioriture...du grand art quoi ! "

par Mitsoua voté :
(a acheté ce tuto - 13 février 2012)

" Très clair et accéssible aux débutants "

par spykrew07
(auteur de ce tuto - 11 février 2012)

" @DevAWAY merci a toi ! Bonne continuation avec la partie 2 ;) tu pourras regarder aussi les bases du css par la suite ! Bye. "

par Swifta voté :
(a acheté ce tuto - 10 février 2012)

" Vraiment trés clair dans les explications !! Je crois, que je vais me prendre la suite du tuto "HTML2". "

par Nantha voté :
(a acheté ce tuto - 04 février 2012)

" Très joli tuto avec des explications claires et précises.

Le choix d'avoir couper l'écran en deux - une moitié pour le code et l'autre pour voir le rendu (résultat de ce que vous codez) permet de bien comprendre les explications "

par Sotopha voté :
(a acheté ce tuto - 24 janvier 2012)

" Excellent tuto .
Mreci. "

par tricepada voté :
(a acheté ce tuto - 23 janvier 2012)

" Merci toujours aussi réussi !
"

par chuckbaxtera voté :
(a acheté ce tuto - 18 janvier 2012)

" 5 "

par spykrew07
(auteur de ce tuto - 14 janvier 2012)

" @Anne N'hésites pas à me poser des questions si tu n'as pas compris quelque chose ou que tu es bloqué ;) Je t'aiderai avec plaisir. Merci du retour positif ! "

par Annea voté :
(a acheté ce tuto - 13 janvier 2012)

" C'est très intéressant, mais je n'ai pas compris le début avec NOTEPAD et l'enregistrement avec le navigateur.

Je vais donc reprendre la vidéo.

Merci "

par BrunoMa voté :
(a acheté ce tuto - 07 janvier 2012)

" Bonjour spykrew07,

j'ai beaucoup apprécié votre tuto et la clarté de l'enseignement.
Je recherche un programmeur webmaster passionné et qualifié pour participer à des projets de webdesign, et serai très heureux de travailler avec vous si disponibilité.

Architecte d'intérieur pendant de longues années, je développe maintenant mon activité dans l'infographie (website & pub).

Je vous propose donc la possibilité de partager mes projets en cours pour travailler en équipe via skype.

Merci de me tenir informé rapidement de votre intérêt.

Chaleureusement,

Bruno Martinez - Designer Graphiste -
Port : + 33(0)6 84 90 11 04
Email : designbm@me.com
Skype : crystal-design.fr "

par Yaanisa voté :
(a acheté ce tuto - 06 janvier 2012)

" Clair, précis "

par Arrona voté :
(a acheté ce tuto - 24 décembre 2011)

" Très bon tuto "

par swifika voté :
(a acheté ce tuto - 01 décembre 2011)

" excellent "

par bertou69a voté :
(a acheté ce tuto - 25 novembre 2011)

" tres bien

"

par Arteknologika voté :
(a acheté ce tuto - 24 novembre 2011)

" Bon tuto "

par thp21a voté :
(a acheté ce tuto - 17 novembre 2011)

" j'ai souvent essayer d'apprendre l'html avec des tuto écrit mais jamais vraiment réusie et la quand j'ai vue tes tuto je me suis dit allez je me lance et j'ai bien fait car jai tous retenue et cela va beaucoup me servir en plus en HTML5 franchement merci !!! très bien expliquer !
ma seul remarque c'est que avec mon navigateur google cr je doit mètre en utf-9 et pas 8 je sait pas pourquoi je comment la partie deux vivement les autres partie meme par dixaine s'il le faut !!!!! "

par francoisepa voté :
(a acheté ce tuto - 15 novembre 2011)

" super "

par spykrew07
(auteur de ce tuto - 14 novembre 2011)

" @horododo Merci à toi ! J'espère que la 2ème partie te plaira, tu apprendra encore plein de choses ;) Que veux tu dire par encadrer le formulaire ? "

par horododoa voté :
(a acheté ce tuto - 14 novembre 2011)

" Très bon tutoriel que je dis bravo! les Renseignementset les détails ne manque pas. Facile à comprend surtout 27 minutes pour apprendre Html 5 et je me lutte appendre à livre des heures à jeures pas possible. Avec cette video là, il m'a surpris.
Manque juste une detail sur le formulaire: comment on fait encadrer sur la formulaire?
Bravo encore. "

par MarieGOa voté :
(a acheté ce tuto - 13 novembre 2011)

" Merci ça m'a aidé à y voir plus clair ! "

par spykrew07
(auteur de ce tuto - 12 novembre 2011)

" La 2ème partie arrive, elle est en cours de modération par l'équipe de Tuto.com ;) "

par Gweltaz16a voté :
(a acheté ce tuto - 01 novembre 2011)

" 3/5 "

par mobile64a voté :
(a acheté ce tuto - 01 novembre 2011)

" Très bien, pour moi débutant.. "

par georges2cuzey
(a acheté ce tuto - 01 novembre 2011)

" excellent. Merci "

par spykrew07
(auteur de ce tuto - 30 octobre 2011)

" TOUT ce qui est décrit dans la description fait partie de cette vidéo. Vous apprendrez d'autres choses dans la 2ème partie comme l'utilisation de la balise div pour le positionnement, l'insertion d'un script js, la liaison d'une feuille de style css... "

par spykrew07
(auteur de ce tuto - 30 octobre 2011)

" Je le ferai certainement au même prix. Si vous avez des requêtes pour la seconde partie, n'hésitez pas à me demander. Bon tuto ! "

par jeucster
(n'a pas acheté ce tuto - 30 octobre 2011)

" interessant....quand je connaitrai le prix de la 2em partie, j'acheterai PE.....difficile comme ça..

....merci

"

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto HTML 4 d’une durée de 27 minutes a été acheté 438 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 30 octobre 2011 par spykrew07, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto HTML Base.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !