Skip to content

Instantly share code, notes, and snippets.

@walidum

walidum/index.html

Last active July 31, 2021 13:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save walidum/d7804296da82626cbdf65c22ef05b1c9 to your computer and use it in GitHub Desktop.
Save walidum/d7804296da82626cbdf65c22ef05b1c9 to your computer and use it in GitHub Desktop.
Download ZIP
index.html
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- un comment -->
<meta charset="UTF-8">
<title>HTML</title>
<link rel="icon" href="icon.png" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta name="description" content="The first cours --> HTML ">
<meta name="author" content="Walid Boubechtoula">
<meta name="keywords" content="HTML, CSS, JS">
</head>
<body>
<header>
<nav>
<a href="#titles">Heading tags</a>
<a href="#texting">Texting tags</a>
<a href="#images">Images tags</a>
<a href="#videos">Video/Audio tags</a>
<a href="#tables">Tables tags</a>
<a href="#lists">List tags</a>
<a href="contact.html" target="_blank">Contact-us</a>
</nav>
</header>
<section id="titles">
<!-- un comment -->
<h1>Titles tags</h1>
<h2>HyperText Markup Language 2</h2>
<h3>HyperText Markup Language 3</h3>
<h4>HyperText Markup Language 4</h4>
<h5>HyperText Markup Language 5</h5>
</section>
<section id="texting">
<h1>Texting tags</h1>
<p>Le <b>HyperText Markup Language</b>, généralement abrégé <strong>HTML</strong> ou dans sa dernière <del>version</del> HTML5, <i>est le langage de balisage</i> conçu pour représenter les pages web.</p>
<span>Le processus de détection de l'encodage a également été modifié et s'effectue dans l'ordre, la vérification de la présence d'un header <b><small>HTTP</small></b> « Content-Type », et ensuite à la détection du BOM en début de fichier.</span>
</section>
<article>
</article>
<section id="images">
<h1>Images tags</h1>
<img width="200" height="200" src="https://dailygeekshow.com/wp-content/uploads/2021/05/une-oiseau-terre-1024x576.jpeg">
<img width="200" height="200" alt="Un oiseau" src="images/oiseau.jpg">
</section>
<section id="videos">
<h1>Videos/Audio tags</h1>
<video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" width="400" controls></video>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Y--c1L6eWBk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br>
<audio controls="" autoplay="" muted>
<source src="https://audio.bfmtv.com/bfmbusiness_128.mp3?aw_0_1st.playerId=AudioPlayer_Web_Next" type="audio/mpeg">
</audio>
</section>
<section id="links">
<a href="https://esi.dz" target="_blank"> ESI.DZ</a>
<br>
<a href="contact.html" target="_blank">Contact-us</a>
</section>
<section id="tables">
<h1>HTML TABLES</h1>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
<th>Date</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td>2021-07-31</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>2021-07-31</td>
</tr>
</table>
</section>
<section id="lists">
<h2>An Unordered HTML List</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li> JS
<ul>
<li>JS 1</li>
<li>JS 2</li>
</ul>
</li>
</ul>
<h2>An ordered HTML List</h2>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
</section>
<footer>
Copyright 1999-2021 by Refsnes Data. All Rights Reserved.
W3Schools is Powered by W3.CSS.
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment