1897675 vues

HTML

Sébastien Merour
publié le 13/06/2020 à 15h46 | modifé le 13/06/2020 à 19h00
Catégorie : Langages | Commentaires (18586)
HTML
Description

HTML signifie : Hypertext Markup Language

Le langage HTML est constitué :

- de balises (tags en anglais)

- d'attributs (attributes)

- d'éléments (ce qui se trouve entre la balise ouvrante < et la balise fermante >).

Structure d'une page Web

Une page HTML est constituée au minimum :

- du doctype (pour indiquer au navigateur que le document est de type HTML)

- des balises qui elles-mêmen renferment 2 autres balises : et : ces 3 balises  sont les balises de premier niveau.

La section Head

La balise head renferme plusieurs balises qui sont interprétées par le navigateur, mais dont le contenu n'est pas affiché sur la page.

La section Head contient de nombreuses balises, parmi lesquelles nous trouvons : l'encodage de la page (le plus souvent UTF-8), le titre de la page (balise title) . On y trouve également des balises meta, des liens vers des feuilles de style CSS, et parfois des scripts en Javascript.

Les différentes balises meta et title jouent un rôle primordial pour le référencement.

La section Body

Elle contient au contraire tout ce qui sera affiché sur la page web dans le navigateur. Il existe de nombreux types de balises :

- les balises sectionnantes (permettant de diviser la page en plusieurs sections, comme header, nav, section, footer, article. Elles sont primordiales car elles donnent des indicationx aux moteurs de recherche qui parcourent les pages web).

- les balises de structuration du texte (comme les headings, les blockquotes, les paragraphes)

- les balises de listes (numérotées ou non)

- les balises de tableau (désormais déconseillées pour construire une page web, mais parfois très utiles pour construire le template d'une newsletter)

- les balises de formulaire (form, input, textarea...)

- les balises génériques (div, span...)

Mode d'affichage des éléments HTML

Il existe également une autre façon de distinguer certains types de balises.

On parle parfois en effet de :

- balises "inline" qui permettent de définir l'affichage d'un élément sans retour à la ligne. Parmi les balises inline, nous avons par exemple les balises  span, a, strong, img ...

- balises "blocks": elles occupent toute la largeur disponibles. Lorsque 2 éléments de type "blocks" se suivent, ils sont disposés par défaut l'un en dessous de l'autre. Nous avons par exemple les balises div, h1, p, ul, form, table, blockquote.

-de balises "invisibles" : elles ne s'affichent pas sur la page, comme par exemple la balise meta, inclue dans la partie head de la page.

Fonctionnalités
HTML permet d'écrire de l'hypertexte. Il permet de structurer sémantiquement et logiquement le contenu des pages web, mais aussi d'inclure des éléments multimédia tels que des images ou des vidéos.
Année de création
1992
Créateur
Web Hypertext Application Technology Working Group
Dernière version
5.2
Langage
HTML
Liens
Aux dernières nouvelles
Actuellement, la dernière version du HTML est le HTML 5. Mais les membres du groupe de travail du W3C veulent créer un HTML Living Standard, une version du HTML qui n'aurait pas de numéro de version. Ainsi le HTML serait en constante évolution.
18586 Commentaire(s)
  1. user
    TravisNes
    15/09/2026 à 04h16  commentaire modifé
    螺蛳粉第一次買螺螄粉怎麼選？好歡螺、李子柒、螺霸王、臭寶口味一次看懂 第一次買螺螄粉，面對好歡螺、李子柒、螺霸王、臭寶等品牌，很容易不知道怎麼選。其實可以直接按照辣度、酸筍味和湯底濃度來挑。 好歡螺：口味最多 好歡螺是很受歡迎的螺螄粉品牌，選擇也比較豐富。 紫色原味屬於經典款，湯底濃郁，酸筍、腐竹、花生等配料完整。 喜歡重口味，可以選加辣加臭400g；如果第一次吃，黃色原味400g會更容易接受。 另外還有小龍蝦味、香菜味和油豆腐版，適合想嘗試不同口味的人。 李子柒：湯底濃郁 李子柒螺螄粉整體味道比較均衡，酸、辣、鮮都比較明顯，配料也很豐富。 普通款適合大多數人，喜歡更辣、更濃的，可以選加辣加臭400g或霸道濃湯410g。 螺霸王：經典穩定 螺霸王經典原味330g比較接近傳統柳州風味，不追求特別辣或特別臭。 湯底、酸筍和米粉搭配比較均衡，適合平時經常吃螺螄粉的人囤貨。 臭寶：適合重口味 臭寶的特色比較明顯，例如濃湯、臭豆腐等口味。 如果本身就喜歡臭豆腐、濃湯或比較刺激的味道，可以嘗試臭寶。第一次吃螺螄粉的人，建議先從普通原味開始。 第一次吃怎麼選？ 第一次嘗試，可以優先選好歡螺黃色原味、紫色原味、李子柒經典款或螺霸王經典原味。 如果已經習慣螺螄粉的味道，可以再嘗試加辣加臭、濃湯、小龍蝦、香菜或臭豆腐口味。 螺螄粉怎麼煮更好吃？ 先把米粉煮到合適的軟硬度，再加入湯包、酸筍和其他配料。 不能吃太辣的人，辣油先放三分之一到一半。還可以加入青菜、雞蛋、火腿、油豆腐或牛肉丸，讓一包速食螺螄粉變得更加豐富。 螺螄粉的魅力就在於不同品牌、不同口味差異很大。有人喜歡濃郁，有人喜歡酸辣，也有人專門追求加臭加辣。找到最適合自己口味的那一款，才是最重要的。
  2. user
    Donwairm
    15/09/2026 à 03h58  commentaire modifé
    Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at eastcrate extended the same rhythm, content that pairs well with how I actually read rather than demanding a different mode is content well calibrated to its likely audience and this site has clearly thought about that consistently.
  3. user
    RicardoFum
    15/09/2026 à 03h49  commentaire modifé
    Anyone curious about this topic would do well to start here, the foundation laid is solid, and a stop at graniteaisle would round out their understanding nicely, this is the kind of resource I would point a friend toward without hesitation if they asked me where to begin learning about anything in this area.
  4. user
    NormanTed
    15/09/2026 à 03h49  commentaire modifé
    Really clear writing, the kind that makes you want to share the link with someone who has been asking about the topic, and a quick browse through hovique only made me more sure of that, the information here stays useful long after the first read is done which says a lot.
  5. user
    RicardoFum
    15/09/2026 à 03h41  commentaire modifé
    Took a screenshot of one section to come back to later, and a stop at graniteaisle prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.
Suiv
Ajoutez un commentaire :
Mon Compte
StatisTricks