aboutsummaryrefslogtreecommitdiffstats
path: root/content/articles/course-html5/sintaxis-html5.md
blob: 2f9680a4b6bb59f1c25e988ba7e43f74b5803aaa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
Author: Jesús E.
Category: courses
Date: 2019-03-25 11:09
Image: 2019/03/sintaxis-html5.jpg
Lang: es
Og_video: https://archive.org/download/coursehtml5/0003-Sintaxis-HTML5.webm
VideoID: e32f8dd70176cb111f9bf2
Slug: html5-sintaxis
Tags: html
Time: 9:57
Title: Sintaxis HTML5

<figure>
  <video id="player-ply" playsinline controls>
    <source src="https://archive.org/download/coursehtml5/0003-Sintaxis-HTML5.webm" type="video/webm">
    <track kind="captions" label="Español" src="{filename}/wp-content/uploads/article/subtitles/2019/03/0003-sintaxis-html5-es.vtt" srclang="es" default>
  </video>
  <figcaption>
    <h1>Sintaxis HTML5 3/32</h1>
  </figcaption>
</figure>

En HTML5 se maneja una sintaxis simple sin tantos dolores de cabeza.
También coloco un enlace al [validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C.
para testear el código :).
A continuación se muestra la sintaxis básica.

<details markdown="span">
<summary>Mostrar Más</summary>
Estructura básica:
~~~~{.html}
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Mi primera web en HTML5</title>
    </head>
    <body>
    </body>
</html>
~~~~
</details>

[validator]: https://validator.w3.org/
*[HTML5]: Hyper Text Markup Language version 5
*[W3C]: World Wide Web Consortium