maandag 10 oktober 2016

Sample HTML5

 

<!doctype html>
<html lang="en-US">
<head>
<title>Page Title</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles.css">
 
</head> 
<body>

<h1>Famous Cities</h1>

<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.
It is the seat of the Japanese government and the Imperial Palace,
and the home of the Japanese Imperial Family.</p>

</body>
Table Example:
<table>
  <tr>
    <th>Name</th>
    <th>Description</th>
  </tr>
  <tr>
    <td>A</td>
    <td>Description of A</td>
  </tr>
  <tr>
    <td>B</td>
    <td>Description of B</td>
  </tr>
</table>
List Example:
<ol>
  <li>London</li>
  <li>Paris</li>
  <li>Tokyo</li>
</ol>
  • unordered lists (<ul>) - the list items are marked with bullets
  • ordered lists (<ol>) - the list items are marked with numbers or letters
Img Example:
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
Video Example:
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Audio Example:
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
see more: http://www.w3schools.com/tags/ref_av_dom.asp
Youtube Video Example:

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1"
>

</iframe>
 
 

Geen opmerkingen:

Een reactie posten