-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnovedadesHTML5.html
134 lines (118 loc) · 2.78 KB
/
novedadesHTML5.html
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="es">
<head>
<script type="text/javascript">
document.createElement("main");
document.createElement("header");
document.createElement("footer");
document.createElement("section");
document.createElement("aside");
document.createElement("nav");
document.createElement("article");
document.createElement("figure");
</script>
<!-- <script src="miScript.js"></script> -->
<link href="miHoja.css" rel="stylesheet" />
<title>Webcam</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- este es un ejemplo de comentario en html -->
<header>
<!-- hgroup es obsoleta-->
<hgroup>
<h1>Webcam</h1>
<h2>horario de "usuario"</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">lunes</a></li>
<li><a href="#">martes</a></li>
<li><a href="#">miércoles</a></li>
<li><a href="#">jueves</a></li>
<li><a href="#">viernes</a></li>
<li><a href="#">sábado</a></li>
<li><a href="#">domingo</a></li>
</ul>
</nav>
<article>
<h2>00:00 - 00:30</h2>
<p>Donec ullamcorper...</p>
</article>
<article>
<h2>00:30 - 01:00</h2>
<p>Morbi leo risus...</p>
</article>
<p>Mi párrafo tiene</p>
<p>2 lineas.</p>
<input type="checkbox" checked name="checkedbox">
<p>
La fecha de hoy es:
<time>05/09/2013</time>
</p>
<p>
Hoy es
<time>5 de septiembre</time>
.
</p>
<p>
La fecha de hoy es:
<time datetime="2013-09-05">5 de septiembre</time>
.
</p>
<p>
La nueva versión del lenguaje HTML es
<mark>HTML5</mark>
.
</p>
<p>
Usted ha obtenido la nota de 8 sobre 10:
<meter value="8" min="0" low="4" max="10" hight="8" optimum="9">></meter>
</p>
<details>
<summary>Haga clic para consultar todos los detalles de su
pedido.</summary>
<p>Estos son los detalles de su pedido...</p>
<p>Y bla bla bla...</p>
</details>
<p>
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis
vestibulum. Donec id elit non mi porta gravida at eget metus. Maecenas
sed diam eget risus varius blandit sit amet non magna. La palabra hexa
<wbr>
kosioi
<wbr>
hexekonta
<wbr>
hexa
<wbr>
phobie quiere decir miedo al número 666
</p>
<ul>
<li>Redactor <bdi>caubry</bdi>: 12 artículos.
</li>
<li>Redactor <bdi>miriam</bdi>: 5 artículos.
</li>
<li>Redactor <bdi>إیان</bdi>: 3 artículos.
</li>
</ul>
<h2>Los nuevos elementos de HTML5</h2>
<p>
Progresión de la tarea:
<progress id="p" value="40" max="100"> 40% </progress>
</p>
<p>Fotografía de una abeja cerca a mi casa:
<p />
<figure>
<img src="img/20201029_105854.jpg" width="500" height="700" />
<figcaption>apis mellifera</figcaption>
</figure>
<a id="inicio" href="#">
<h2 id="titulo">Inicio</h2> <img id="amor" src="img/amor.png" alt="" />
</a>
<footer>
<p>semana del 14 al 20 de junio de 2021</p>
</footer>
</body>
</html>