1.- HTML Headings:
Este sirve para el tamaño de a letra
Encabezado 1
Encabezado 2
Encabezado 3
Encabezado 4
Encabezado 5
Encabezado 6
2.- Bigger Headings
Este sirve para cambiar el tamaño de un encabezado con el atributo de estilo, utilizando la propiedad de tamaño de fuente.
Encabezado
Puede cambiar el tamaño de un encabezado con el atributo de estilo, utilizando la propiedad de tamaño de fuente.
3.- HTML Horizontal Rules
Los h1,h2,h3 sirven para poner un título, la letra P sirve para poner un texto debajo del título, y el hr para separar
Encabezado 1
Buenos días.
Encabezado 2
Buenas tardes.
Encabezado 3
Buenas noches.
4.- The HTML <head> Element
El elemento HTML es un contenedor para metadatos. Los metadatos HTML son datos sobre el documento HTML. Los metadatos no se muestran.
Mi primer HTMLEl elemento de encabezado HTML contiene metadatos.
Los metadatos son datos sobre el documento HTML.
HTML Tables
1.- Defining an HTML Table
Una tabla HTML se define con la etiqueta, cada fila de la tabla se define con la etiqueta tr. Un encabezado de tabla se define con la etiqueta th. Por defecto, los encabezados de las tablas están en negrita y centrados. Una tabla de datos / celda se define con la etiqueta td.
HTML Tabla
| Nombre | Apellido | Edad |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| John | Doe | 80 |
2.- HTML Table – Adding a Border
Si no especifica un borde para la tabla, se mostrará sin bordes. Se establece un borde utilizando la propiedad de borde CSS:
table, th, td {border: 1px solid black;}Bordered Table
| Nombre | Apellido | Edad |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| John | Doe | 80 |
HTML FORMS
1.- Text Fields
El tipo de entrada de texto define un campo de entrada de una sola línea para la entrada de texto.
Nombre:Apellido:
2.- The <label> Element Y Radio Buttons
La etiqueta define una etiqueta para muchos elementos de formulario.
HombreMujer
Otro
El elemento de etiqueta es útil para los usuarios de lectores de pantalla, porque el lector de pantalla leerá y cargará la etiqueta cuando el usuario esté enfocado en el elemento de entrada.
El elemento de etiqueta también ayuda a los usuarios que tienen dificultades para hacer clic en regiones muy pequeñas (como botones de radio o casillas de verificación), porque cuando el usuario hace clic en el texto dentro del elemento de etiqueta, alterna el botón de radio / casilla de verificación.
El atributo for de la etiqueta debe ser igual al atributo id del elemento de entrada para unirlos.
Botones de radio
El tipo de entrada radio define un botón de radio.
Los botones de opción le permiten al usuario seleccionar UNA de una cantidad limitada de opciones.
3.-The Submit Button
El tipo de entrada submit define un botón para enviar los datos del formulario a un controlador de formulario.
Nombre:Apellido:
El controlador de formulario suele ser una página en el servidor con un script para procesar datos de entrada.
El controlador de formulario se especifica en el atributo de acción del formulario.
4.-The Target Attribute
El atributo de destino especifica si el resultado enviado se abrirá en una nueva pestaña del navegador, un marco o en la ventana actual.
The form target attribute
Al enviar este formulario, el resultado se abrirá en una nueva pestaña del navegador:
Primer nombre:Apellido:
El valor predeterminado es self, lo que significa que el formulario se enviará en la ventana actual.
Para que el resultado del formulario se abra en una nueva pestaña del navegador, use el valor en blanco.
5.- The Method Attribute
El atributo del método especifica el método HTTP (GET o POST) que se utilizará al enviar los datos del formulario.
Primer nombre:Apellido:
Después de enviar, observe que los valores del formulario son visibles en la barra de direcciones de la nueva pestaña del navegador.
6.- The Name Attribute
Cada campo de entrada debe tener un atributo de nombre para ser enviado.
Primer nombre:Si se omite el atributo de nombre, los datos de ese campo de entrada no se enviarán en absoluto.
HTML Colors
1.-Color Names
En HTML, se puede especificar un color utilizando un nombre de color
Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray
2.-Background Color
Puede establecer el color de fondo para los elementos HTML:
Hello There
General Kenobi
3.-Text Color
Puedes seleccionar el color del texto
The return of the sith
It’s over Anakin… I have the high grownd
I HATE YOU
4.-Border Color
Puedes seleccionar el color de los bordes
May the force be with you
I have a bad feeling about this
I am your father
5.- Color Values
En HTML, los colores también se pueden especificar utilizando valores RGB, valores HEX, valores HSL, valores RGBA y valores HSLA:
Igual que el nombre de color «Tomate»:
Lo mismo que el nombre del color «Tomate»:
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
Lo mismo que el nombre del color «Tomate, pero 50% más transparente:
Diseño de paginas web 