Cheatography
https://cheatseheet.pages.dev
Contient tout à propos du HTML
Structure générale
<!DOCTYPE html>
<html lang="en">
<head>
<!--ici l'en-tête du document-->
</head>
<body>
<!--corps du document-->
</body>
</html>
|
<head> content
titre pour la page : |
<title>Mon Site Web</title>
|
pour les données méta : |
<meta name="......." content="..........">
|
Exemples de métadata
name |
content |
|
ton nom |
|
Mots-clés qui , si saisit dans le moteur de recherche, conduisent à ton site |
|
catégorie du site |
|
"fr"
, "en"
, "de"
, "es"
,... |
|
A short description for the website |
|
Les copyrights du site |
|
les différents logiciels utilisés |
|
Date de création du site |
metadata http-equiv
used to modify the aspect of the website and his interactions with the browser |
to specify the UTF-8 encoding for caracters : |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
autorefresh : |
<meta http-equiv="refresh" content="30">
|
body tags
paragraphe |
|
retour à la ligne |
|
headers |
|
image |
<img src="...." alt="alt text">
|
lien |
<a href="link">....</a>
|
link for mails |
<a href="mailto:...@..">....</a>
|
Unordered lists
<ul>
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
|
Ordered lists
<ol>
<li>....</li>
<li>....</li>
<li>....</li>
</ol>
|
Definition list
<dl>
<dt>def title</dt>
<dd>def paragraph</dd>
<dt>def title</dt>
<dd>def paragraph</dd>
</dl>
|
Table Layout
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td></td><td>3</td></tr>
<tr><td rowspan=2>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
|
Forms
<form action="url_to_handle_form_data" method="GET or POST" name="form name"><!--form body--></form>
|
a good practise of forms content is to put a name for each input |
<label for="input_name">text</label>
Labels |
<input type="text"/>
a text field input |
<input type="password"/>
a password input |
<input type="number"/>
a phone number input |
<input type"date"/>
date input |
<input type="time"/>
time input |
<input type"datetime"/>
datetime input |
<input type="range"/>
inputs a float using a slider |
<input type="checkbox" name="input_name">
for multiple selection |
<input type="radio">
for single selection |
<input type="file">
for file upload |
<input type="submit">
for a submit button |
<input type="reset">
for a form reset button |
<select name="...."><option value="backend_value">option name</option> ...</select>
|
|
Created By
Metadata
Comments
Nice Deta
Add a Comment
Related Cheat Sheets
More Cheat Sheets by HaffouzMohamedAmin