0% found this document useful (0 votes)
66 views

Doctype HTML

The document provides an overview of key HTML elements and tags for structuring web pages, including headings, paragraphs, images, audio, video, tables, lists, links, forms, and CSS. It describes common HTML tags and attributes for text formatting, multimedia embedding, navigation, and styling with CSS. The document serves as a reference for basic HTML elements and their usage in building web pages.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
66 views

Doctype HTML

The document provides an overview of key HTML elements and tags for structuring web pages, including headings, paragraphs, images, audio, video, tables, lists, links, forms, and CSS. It describes common HTML tags and attributes for text formatting, multimedia embedding, navigation, and styling with CSS. The document serves as a reference for basic HTML elements and their usage in building web pages.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

< !

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;
……..
}

You might also like