html - wordpress.com · 2014-08-24 · párrafos una de las etiquetas más utilizadas de html es la...

11
Semana 02 HTML

Upload: others

Post on 25-Feb-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Semana 02

HTML

Page 2: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Formatos Objetivo: Realiza páginas aplicando Formatos de

caracteres y párrafos.

Aplicar formatos a los caracteres y párrafos

Page 3: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Estructura La forma más sencilla de estructurar un texto consiste en

separarlo por párrafos. Además, HTML permite incluir títulos que

delimitan cada una de las secciones.

3

Estructura

Párrafos Secciones

Page 4: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta <p>, que permite

definir los párrafos que forman el texto de una página. Para delimitar el texto de

un párrafo, se encierra ese texto con la etiqueta <p>. Ejemplo:

4

Page 5: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Secciones Las etiquetas que definen los títulos de sección son <h1>, <h2>, <h3>, <h4>,

<h5> y <h6>. La etiqueta <h1> es la de mayor importancia y por tanto se utiliza

para definir los titulares de la página. La importancia del resto de etiquetas es

descendiente, de forma que la etiqueta <h6> es la que se utiliza para delimitar

las secciones menos importantes de la página.

5

Page 6: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Secciones

6

Page 7: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

Marcador básico de texto Los textos habituales están formados por elementos como palabras en negrita o

cursiva, anotaciones y correcciones, citas a otros documentos externos, etc.

7

<sup></sup> x3

<sub></sub> y3

<strong></strong> Negrita

<em></em> Cursiva

<ins>…</ins> Subrayado

<pre></pre> Texto preformateado

<blockquote></blockquote> Texto destacado.

<del></del> Texto tachado

<hr> Línea horizontal

<br> Línea siguiente

Page 8: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

8

Page 9: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

*Ejercicio 1 Estructurar y marcar el siguiente texto extraído de la Wikipedia para que el navegador lo muestre con el aspecto de la siguiente imagen:

9

Page 10: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

*Ejercicio 2 Estructurar y marcar el siguiente texto extraído de La Hueca para que el navegador lo muestre con el aspecto de la siguiente imagen:

10

Page 11: HTML - WordPress.com · 2014-08-24 · Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una

*Ejercicio 3 Determinar el código correspondiente a la siguiente imagen:

11