TALLER HTML 5.0 SEGUNDA PARTE En esta segunda recordaremos algunos aspectos de la primera parte del curso y ampliaremos el uso del HTML 5 incluyendo etiquetas y atributos más avanzados. <html> --> Indica al navegador que abre un archivo HTML. <head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla. <title>Mi primera página Web</title> --> Título de la página. </head> --> Cierre de la cabecera del documento. <body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla. Hola a todos. --> Texto que va a ser mostrado por el navegador. </body> --> Cierre del cuerpo del documento. </html> --> Cierre del archivo HTML Abran el bloc de notas y digiten la siguiente estructura básica. El resultado es el siguiente:
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
TALLER HTML 5.0 SEGUNDA PARTE
En esta segunda recordaremos algunos aspectos de la primera parte del curso y ampliaremos
el uso del HTML 5 incluyendo etiquetas y atributos más avanzados.
<html> --> Indica al navegador que abre un archivo HTML.
<head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
<title>Mi primera página Web</title> --> Título de la página.
</head> --> Cierre de la cabecera del documento.
<body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
</body> --> Cierre del cuerpo del documento.
</html> --> Cierre del archivo HTML
Abran el bloc de notas y digiten la siguiente estructura básica.
El resultado es el siguiente:
Salto de línea
El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos cortar una
línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea
dondequiera que la ubiquemos. OJO: Vamos a incluir <hr> para dividir cada paso que demos.
Así debe quedar:
Formato básico de texto
A continuación utilicemos las siguientes etiquetas:
El resultado debe ser el siguiente:
Caracteres Especiales en HTML
Uso de acentos, signos de apertura de interrogación y exclamación, eñes, espacio en blanco,
etc. Como usted sabe. Hay muchos símbolos que usted profesor usaría comúnmente. HTML
permite insertar estos símbolos. Usemos la siguiente guía:
Si quiere ver la guía completa de todos los caracteres especiales diríjase a:
La propiedad más importante de Internet, es la posibilidad de conectarse los unos con los otros. Los enlaces o links (en inglés) nos permiten conectarnos con otros documentos: gt Una imagen Un video Un archivo de sonido Sitios en la web (otra página web) Mandar un email Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor (ancla). La etiqueta <a> tiene como cierre </a>. Y juega con los siguientes ATRIBUTOS
EL atributo target Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace. Ejemplo: <ahref=”http://desarrolloperuano.blogspot.pe/“ target=”_blank”> DESARROLLO PERUANO</a>
Creando un enlace a un correo electrónico
Se utiliza en caso que queramos que un enlace mande un email.
En el momento que presionamos dicho link se abrirá automáticamente el programa de email
que tenemos definido por defecto.
Debería verse así en su pantalla y enviarle a OUTLOOK