Mis Apuntes de Programación, Apuntes de Informática

¡Descarga Mis Apuntes de Programación y más Apuntes en PDF de Informática solo en Docsity!

Mis apuntes

PROGRAMACIÓN

H

Contenido LUCHA POR TUS METAS Descubriendo HTML Y Etiquetas Estructuración de texto con etiquetas Botones de construcción

• Etiquetas HTML
• Texto y encabezados
• Estructura de la página web
• Salto de línea, énfasis e importancia
• Encabezado, Título y Doctype
• Botones

Descubriendo Html y etiquetas Cuál es la anatomía de un elemento HTML? Cuáles son los elementos? La etiqueta de apertura : consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento en este caso, dónde es el comienzo del párrafo. G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente

Mi gato es muy travieso

**Etiqueta de apertura Etiqueta de cierre Contenido Elemento**

Descubriendo Html y etiquetas G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento en este caso dónde termina el párrafo. El contenido : este es el contenido del elemento, que en este caso es solo texto. El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.

Texto y Encabezados

Codificar un párrafo es similar a codificar un

botón. Tiene una etiqueta de apertura, un texto y

una etiqueta de cierre

es una etiqueta de apertura. G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente

es una etiqueta de cierre

Podemos crear Encabezados en HTML para

enfatizar ciertos textos. Hay 6 tamaños de

encabezado en HTML, de h1 a h6.

La etiqueta de encabezado enfatiza los textos

haciéndolos más grandes y más audaces.

*h1 es el más grande y más audaz

*h6 es el más pequeño y menos audaz

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Texto y Encabezados texto texto

Un elemento es lo que llamamos la etiqueta de

apertura, la etiqueta de cierre y el código

intermedio

EJEMPLO:

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructura de la página web

Para crear una página web, necesita una etiqueta

HTML de apertura y cierre.

Los elementos html y body forman la estructura de

una página web. Colocamos los elementos que

queremos mostrar dentro del cuerpo

EJEMPLO:

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructura de la página web

Ahora colocaremos contenidos como encabezados

dentro de las etiquetas del cuerpo

Vamos a mostrar un párrafo debajo del título en la

página web.

EJEMPLO:

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructura de la página web

Vamos a mostrar un encabezado más grande

encima del encabezado más pequeño

EJEMPLO:

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructura de la página web

Para poder separar las líneas, necesitaremos la

ayuda de la etiqueta de salto de línea.

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructuración de texto con etiquetas

es una etiqueta vacía. Las etiquetas vacías no tienen etiqueta de cierre ni de contenido. También se les llama etiquetas de cierre automático.

Hay un elemento para dar énfasis al texto, lo pone

en cursiva. Se llama el elemento

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Estructuración de texto con etiquetas

em

Agregar y

El elemento HTML head, es un

contenedor de información sobre una página web,

como su título. Va antes de la etiqueta del

cuerpo.

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Encabezado, Título y Doctype

Para darle un título a una página web agregamos

y dentro de las etiquetas de

encabezado.

El título de una página web aparece en la

pestaña o ventana del navegador web.

G O O O O O G L E 1 2 3 4 5 6 7 8 9 10 > Siguiente Encabezado, Título y Doctype

En las pestañas a continuación hay dos títulos de

página web. Mi página web y Google.