Lista de descripción de términos - Elementos “dl”, “dt” y “dd”

Presentación del tema: "Lista de descripción de términos - Elementos “dl”, “dt” y “dd”"— Transcripción de la presentación:

1 Lista de descripción de términos - Elementos “dl”, “dt” y “dd”

2 14. Recursos de HTML

3 </html&>

4 etiqueta de inicio <p&> y la de cierre </p&>:

5 siguiente modo:

6 hacerlo codificado en UTF-8, como se muestra en la siguiente imagen:

7 en pantalla se visualizaría algo parecido a:

8 En este caso se verá:

9 comentarios:

10 </html&>

11 documento HTML con un archivo externo
documento HTML con un archivo externo. El código HTML puede ser (“estilo-externo.html”):

12 En pantalla se visualizará:

13 Se puede escribir (“uso-elemento-span-y-atributo-class.html”):

14 Se puede escribir el siguiente código (“un-parrafo.html”):

15 navegador web. Por ejemplo, dado el archivo “tres-parrafos-con-blancos
navegador web. Por ejemplo, dado el archivo “tres-parrafos-con-blancos.html”:

16 </html&>

17 </html&>

18 Texto tres.</p&>

19 </html&>

20 visualizar:

21 </html&>

22 </html&>

23 Se puede escribir (“texto-small.html”):

24 </html&>

25 </html&>

26 EJEMPLO Nótese en el siguiente archivo “seis-cabeceras.html”:

27 “h2”, varias más “h3”, etc.

28 a la que se accederá al hacer clic en el enlace, es decir, http://www

29 Se podría escribir (“pagina-con-un-enlace-a-otra-pagina.html”):

30 Se puede hacer uso de los elementos “ul” y “li” del siguiente modo (“lista-desordenada.html”):

31 Para ello, se pueden utilizar los elementos “ol” y “li” (“lista-ordenada.html”):

32 Se puede escribir el siguiente código (“lista-de-descripcion-de-terminos.html”):

33 Abrirllave:

34 se vería algo parecido a:

35 Para ello, el código puede ser (“tabla-basica.html”):

36 EJEMPLO Por defecto, las tablas se muestran sin bordes
EJEMPLO Por defecto, las tablas se muestran sin bordes. No obstante, para ver por ejemplo:

37 EJEMPLO Para juntar las líneas del borde de una tabla, viéndose en pantalla:

38 Se puede utilizar la propiedad CSS padding (“tabla-con-relleno-de-celdas.html”):

39 tabla lleva por título “Números del uno al doce”:

40 </tr&>

41 padding:10px;

42 le ha indicado mediante rowspan=&2& que debe abarcar dos filas de la tabla:

43 elemento “th”:

44 <td&>Egipto</td&>

45 }

46 Por otro lado, hay que saber que, en una tabla puede aparecer más de un elemento “tbody”.

47 Al visualizarlo en pantalla, se verá algo similar a:

48 En un navegador se visualizará:

49 }

50 En pantalla se mostrará algo parecido a: