You are on page 1of 1

This tag is used at the beginning of the

<!DOCTYPE html> file so the browser would know that we are


using html5

html Contains All the code

One Of the main tags it contains information


Head about the web page (title, content ,etc...)

title Title Of the page (Used in the head Tag)

char-set : the en-coding used


meta is auto-closing tag that contains
Different information depending on the
meta content : what our web page about so the attributs
searching engine would found it easily

You can insert into it a php or javascript code


script
Those Tags are used under the head tag

You can Write Css Code in this tag


style

You can link Css StyleSheet from Nearby


Directory
link

The Body tag has All The element of web


body page that we interact with and see

New tag implemented


by html5 to facilite
organizing the web
page

header

footer

Navigation(nav)

aside

articule

Section

main

Attributs
Essential
Source(src)

alt(alternative) if the image didn't load


Image tag to add to website

img id

class

Attributs

id

targets='_blank" to open a new tab To link To Another web pages or to refer to a


different tag
Hyperlink a href

class

Paragraph(p) Simple Paragraph

les Sous-titre hn(h1 .. h6) Titles with levels from 1 to 6

used to return to the next line


break(br) Self-closing tag

Show The text as it written in the code


preformat text(pre)

horizantal line(hr)

Reserve for the quotes


blockquote

Order List(ol) List item(li)

Unorder List(ul) List item(li)

Liste
Descripted terme(dt)
Description List(dl)
Description (dd)

Hypertext Markup Attributs

Language 5 Source(src)

loop

controls /autoplay

video poster Image of the video before loading it

preload

width/height

Attributs

Source

controls/autopaly

Audio preload

Those tags are implemented in body tag


loop

Attributs

width/height

source(src) Allows you to import video from youtube,


vimeo and dailymotion on your web page
iframe frameborder

allowfullscreen

Figure caption(figcaption)
figure

Table Row (tr)

Tfooter
Just Under table tag
Theader
table
Tbody

Table data (Cellule)

Action

Name Attributs
Form
Method
form container

legend
fieldset Groups Form elements

for
label Creation of text linked to the input field

TextArea Input of many different lines

Button touchable button that us JS

Attributs

text

password

checkbox
type
radio

submit

reset

title
input
value

required

placeholder

tabindex

hgroup Creates a group of h titles (h1,h2 ,h3 etc...)

canvas integrates other Things like games etc..

open
details More informations

Summary Summary

Open
Dialog creates a window to interact with the users

Division(div) Container

Attribu
ts

multiple

size
Select
name

You might also like