Doctype HTML
Doctype HTML
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><عنوان الصفحة/title>
<meta name="_" content="_">
<meta name="generator" content="FrontPage 4.0">
<meta name="description" content="description de page">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="les mot clés de page">
<meta name="author" content="prenom nom">
<meta http-equiv="refresh" content="_">
<meta http-equiv="content-security-policy" content="_">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="default-style" content="the document's preferred stylesheet">
</head>
<body>
Heading
<h1>-------------</h1>
<h2>-------------</h2>
<h3>-------------</h3>
<h4>-------------</h4>
<h5>-------------</h5>
<h6>-------------</h6>
Attributes
Eléments
Tag
dir="rlt" & lang="ar"
dir :direction
rtl :right to left
ltr:left to right
lang:language
<div dir="_">---------------</div>
<meta charset="UTF-8">
paragraphe
<p>------------</p>
<br>
<pre>---------</pre>
<code>----------</code>
comment
<!--comment--> ctrl + ظ
Text formating
<small>--------</small>
<b>--------- </b>
<strong>---------</strong>
<i>---------</i>
<em>---------</em>
<mark>-----------</mark>
<u>---------</u>
<ins>------------</ins>
<s>--------------</s>
<del>------------</del>
<sub>-----------</sub>
<sup>-----------</sup>
images
<img src=" "اسم الصورةalt=">"وصف الصورة
<img title="_" src=" "اسم الصورةalt=">"وصف الصورة
Audio
<audio controls>
<source src=".mp3" type="audio/mpeg">
<source src=".wav" type="audio/wav">
<source src=".ogg" type="audio/ogg">
</audio>
Loop
Muted
Autoplay
Video
<video controls width="_" height="_" poster="_" preload="_" >
<source src=".mp4" type="video/mp4">
<source src=".webm" type="video/webm">
<source src=".ogg" type="video/ogg">
<track src="_" kind="_" label="_" >
<track default src="_" kind="_" label="_" >
</video>
Loop
Muted
Autoplay
Tableau
<table>
<caption>tebleau</caption>
<thead>
<th></th>
<th></th>
<th></th>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>
<th></th>
<th></th>
<th></th>
</tfoot>
</table>
colspan="_"
rowspan="_"
listes
<ul>
<li></li>
</ul>
<ol >
<li></li>
</ol>
<dl>
<dt></dt>
<dd></dd>
</dl>
container
<div>---------</div>
<header>-------------</header>
<nav>-----------------</nav>
<main>------------</main>
<section>------------</section>
<article>--------------</article>
<aside>-------------</aside>
<footer>--------------</footer>
Links
<a href="_" target="_"><اسم الموقع/a>
<a href=" "></a>
id <a href="# "></a>
_blank
_parent
_self
_top
Form required
<form>
<form action="_">
<form method="get, post">
<fieldset>
<legend>----------<legend>
<div>
<label for="_"></label>
<input id="_" type="text" placeholder="_" value="_">
</div>
<div>
<label for="_"></label>
<input id="_" type="number" placeholder="_" value="_">
</div>
<div>
<label for="_"></label>
<input id="_" type="password" placeholder="_" value="_">
</div>
<div>
<label for="_"></label>
<input id="_" type="email" placeholder="_" value="_">
</div>
<div>
<label for="_"></label>
<input id="_" type="tel" placeholder="_" value="_">
</div>
<div>
<label for="_"></label>
<input id="_" type="text" placeholder="_" value="_">
</div>
<input id="_" type="submit" value="_" >
</fieldset>
</form>
<form>
<div>
<label for="color"></label>
<input id="color" type="color">
</div>
<div>
<label for="file"></label>
<input id=" file " type=" file">
</div>
<div>
<label for=" range "></label>
<input id=" range" type=" range" min=" " max=" " step=" " value=" " >
</div>
<div>
<label for="search"></label>
<input id=" search" type="search">
</div>
<div>
<label for="Url"></label>
<input id=" Url" type=" Url">
</div>
<div>
<label for="hidden"></label>
<input id="hidden" type="hidden">
</div>
</form>
<form>
<div>
<label for="date"></label>
<input id="date" type="date">
</div>
<div>
<label for="month"></label>
<input id=" month" type=" month">
</div>
<div>
<label for="time"></label>
<input id="time" type=" time">
</div>
<div>
<label for="datetime-local"></label>
<input id="datetime-local" type="datetime-local">
</div>
<div>
<label for="week"></label>
<input id="week" type="week">
</div>
</form>
<div>
<input id="_" type="radio" value="_" name="_" >
<label for="_"></label>
</div>
<div>
<input id="_" type="checkbox" value="_" name="_" >
<label for="_"></label>
</div>
<div>
<input checked id="_" type="_" value="_" name="_" >
<label for="_"></label>
</div>
<div>
<label for="_"></label>
<select id="_" name="_" >
<option value="_" ></option>
<option selected value="_" ></option>
<optiongroup>
<option value="_" ></option>
</optiongroup>
</select>
</div>
<input liste="_" name="_" >
<dataliste id="_" name="_" >
<option value="_" ></option>
</ dataliste >
<input type="button" value="_">
<form>
<input id="_" type="text" placeholder="_" value="_">
<input id="_" type="password" placeholder="_" value="_">
<input type="submit" value="_">
<input type="reset" value="_">
</form>
<button type="_" ></button>
<div>
<input type="_" name="_" placeholder="_">
</div>
<textarea id="_" name="_" cols="_" rows="_" placeholder="_"></textarea>
maxlenght="_"
minlenght="_"
required
novalidate
autofocus
readonly
disabled
target
<iframe src="_" ></iframe>
<object data="_" ></object>
<embed src="_" >
frameborder="_"
height="_"
width="_"
scrolling="_"
allow="_"
allowfullscreen
<a download=" " href=" ">download files</a>
css
<link rel="stylesheet" href="style.css">
<style>-------</style>
<p style=" property-1: value; property-2: value;">------------</p>
selector {
property-1: value;
property-2: value;
……..
}