curso html

Entradas

Mostrando las entradas de junio, 2017

Ejemplo tres con HTML y CSS

En el siguiente enlace se muestra el código no modificado que da solución a la anterior imagen. codigo_sin_modifica Ahora se debe aplicar los siguientes cambios al código, esta vez la parte de CSS se debe hacer en un archivo aparte y en el archivo principal (.html) se llama el archivo .css. Tienes que tener en cuenta los siguientes requisitos: El texto principal: El color del texto es azul: #00F. El color de fondo del texto es verde claro: #CFC. El tipo de letra es la secuencia: Georgia, Cambria, serif. El tamaño del texto: 16px. El encabezado de nivel 1: El color del texto es rojo claro: #F00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 32px. El encabezado de nivel 2: El color del texto es rojo claro: #A00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 24px. El color de los campos de los datos del libro es verde oscuro: #060. El texto "Internet" y la "Web...

Ejercicio dos usasdo HTML y CSS

En el siguiente enlace se muestra el código no modificado que da solución a la anterior imagen. codigo_sin_modifica Ahora se debe aplicar los siguientes cambios al código: Tienes que tener en cuenta los siguientes requisitos: El texto principal: El color del texto es azul: #00F. El color de fondo del texto es verde claro: #CFC. El tipo de letra es la secuencia: Georgia, Cambria, serif. El tamaño del texto: 16px. El encabezado de nivel 1: El color del texto es rojo claro: #F00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 32px. El encabezado de nivel 2: El color del texto es rojo claro: #A00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 24px. El color de los campos de los datos del libro es verde oscuro: #060. El texto "Internet" y la "Web" cuando actúan como sustantivos: El tamaño del texto: 20px. Texto en negrita. El texto "Hypertext Markup ...

Ejercicio usando html y CSS

En el siguiente enlace se muestra el código no modificado que da solución a la anterior imagen. codigo_sin_modifica Ejercicio: Se debe realizar los siguientes cambios en el codigo: El texto principal: El color del texto es azul: #00F. El tipo de letra es la secuencia: Georgia, Cambria, serif. El tamaño del texto: 16px. El encabezado de nivel 1: El color del texto es rojo claro: #F00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 32px. El encabezado de nivel 2: El color del texto es rojo claro: #A00. El tipo de letra es la secuencia: Verdana, Calibri, sans-serif. El tamaño del texto: 24px. El color de los campos de los datos del libro es verde oscuro: #060. El texto "Internet" y la "Web" cuando actúan como sustantivos: El tamaño del texto: 20px. Texto en negrita. El texto "Hypertext Markup Language", "Cascading Style Sheets" y los acrónimos "HTML" y ...

Formularios html5

HTML5 Los formularios realizador en HTML5 son un poco mas complejos ya que se pueden hacer restricciones. En el siguiente enlace se muestra el código en html5 que da solución a la imagen anterior: html5_ejemplo1_formulario.html En el siguiente enlace se muestra el código en html5 que da solución a la imagen anterior: html5_ejemplo2_formulario

Como usar enlaces en html

En el siguiente enlace se muestra un el ejemplo anterior del uso de enlaces. como_usar_enlaces.html

Como crear formularios

En el siguiente link encontraran como realizar el anterior formulario. crear_formularios.html

Como crear diferentes tipos de listas

En el siguiente link encontraran como crear las tablas mostradas en la parte inferior: crear_listas.html Código en html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>tipos de listass</title> </head> <h1>Lista no ordenada</h1> <ul> <li>Primer elemento</li> <li>Segungo elemento</li> <li>Tercer elemento</li> <li>Cuarto elemento</li> </ul> <h1>Lista ordenada 1</h1> <ol start="3">  <li>Primer elemento</li> <li>Segungo elemento</li> <li>Tercer elemento</li> <li>Cuarto elemento</li> </ol> <h1>Lista ordenada 2</h1> <ol reversed="" > <li>Primer...

Como crear tablas en HTML

En el siguiente link encontraran el código de como crear las tablas anteriores. crear_tablas.html El código es el siguiente: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>codigos Tablas</title> <style>  table, tr, th, td { border: 1px solid black; } </style> </head> <body> <table> <caption></caption> <tr></tr> <td></td> <th></th>   <thead></thead> <tbody></tbody>  <tfoot></tfoot...