Resumen Tercer Parcial

 

¿Qué es HTML?

El Lenguaje de Marcado de Hipertexto (HTML) es un código para crear o dar las bases a una página web con distintos contenidos o todo lo que puede ofrecerte HTML, como podrían ser imágenes, textos, cuadros, listas. Todo esto de lo que hablamos se puede hacer a través de Visual Studio para poder programar.  

¿Estructura de documento HTML?

Presenta muchas cosas como el tipo de documento DOCTYPE html5, el lenguaje, presenta el head en donde se vincula con los otros lenguajes de programación y presenta los meta, tiene el body en donde se hará toda la programación. 

§ 1. CSS y JavaScript

CSS (Cascading Style Sheets) sirve para el diseño y estilo de archivos de la pagina y JavaScript (Js) para el lenguaje de programación y la interacción con la página web.

§ 3. Encabezados y párrafos

El encabezado es de por sí el titulo de algún tema, y el párrafo sería donde agregamos el contenido, sus etiquetas son h1 y p.

§ 3. Header, footer, main

Tres etiquetas utiles, Header es el encabezado de la página, el footer es el pie de la página y main parte principal de la página, sus etiquetas son header, footer y main.

§ 4. Aside, nav

Dos etiquetas importantes, Aside es contenido no relacionado con la página y nav son las navegaciones de botones, sus etiquetas son aside y nav.

§ 5. Article y section

Article es contenido con temática en especifico y section es cada sección de contenido, sus etiquetas son article y section.

Elementos de bloque y línea

Se clasifican en dos, los elementos en bloque ocupan todo el espacio del contenido, los elementos en lista en donde puedes crear filas de información, aquí algunos ejemplos:

Elemento en bloque: pre, blockquote, div

Elemento en línea: p, span, i, b, u, sub, sup

Enlaces y listas

Estas etiquetas se puede enlazar a una página con la etiqueta a, o también copiando el link de iframe, que se les llama embebido, en cambio las listas hay tres, ordenada, desordenada y anidadas.

la etiqueta ol es para ordenadas, la ul es para desordenadas, la etiqueta li para el contenido, y cuando hay un ul u ol dentro de un ul u ol es embebida.

Tablas

Las tablas son diseños para una mejor organización de datos o para tener una planificación sobre las cosas que necesitas o debes hacer. Aquí una lista de códigos de dichas tablas:

La etiqueta table le da a entender a html que vamos a programar una tabla, la etiqueta tr es para formar una fila y td para los cuantas casillas queremos en esa fila.

Formularios

Son datos que hay que rellenar dependiendo del tipo que te pidan y se envían o se recopilan esos datos para un después o en su reiterado uso. Aquí una lista de los códigos de dichos formularios:

Se comienza con form para darle a entender a html que se usara un formulario, la etiqueta div de bloque para poner nuestros códigos, luego va label para el contenido y se vincula con input que la etiqueta que cogerá varias funciones de formulario, tales como;

• Text
• URL
• Radio
• Checkbox
• File
• Date
• Tel

Conclusión

En definitiva, la programación ha sido un tema muy interesante y entretenido porque así nos ayuda y nos da conocimientos para programar una pagina a través de html, y sus muchas formas para poder diseñar, como css o js, o agregar contenido de varias formas como puede ser por párrafos, tablas, listas, enlaces, demasiadas opciones para poder programar una página y seguir adentrándonos más en este mundo de la programación de códigos.