Post on 24-Jan-2016
Hyper Text Markup Language(LENGUAJE DE MARCAS DE HIPERTEXTO)
HTML
• Es el lenguaje con el que se escriben las páginas web.
• Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada.
• Los documentos HTML deben tener la extensión html o htm.
• Los navegadores se encargan de interpretar el código HTML de los documentos.
LOS NAVEGADORES (COMPATIBILIDAD)
• Tener la última versión HTML para poder interpretar el mayor número posible de etiquetas.
• Etiquetas interpretadas por un navegador concreto, o por un navegador diferente al anterior.
EDITORES
• programa que nos permiten redactar documentos.
• Editores visuales(Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia).
• Editores sencillos(Wordpad o el Bloc de notas).
ETIQUETAS
• Delimitan cada uno de los elementos que componen un documento HTML
DE COMIENZO
• Delimitada por los caracteres < y >.• Compuesta por el identificador o nombre de la etiqueta.• Puede contener una serie de atributos opcionales.
<identificador atributo1 atributo2 ...>Sintaxis
DE FINAL
• Delimitada por los caracteres </ y >.• Compuesta por el identificador o
nombre de la etiqueta• No contiene atributos.
</identificador>
SINTAXIS
ESTRUCTURA DE UN DOCUMENTO HTML
COLORES
SIMBOLOS ESPECIALES
Ejemplos Etiquetas<title> (titulo)<br> (salto de línea)<hr> (línea horizontal)
align=“alineacion” color=“código color” size=“grosor de linea” width=“tamaño”
<strong> (letra gruesa)<b> (negrita)<i> (cursiva)<u> (subrayado)
<font> (fuente a utilizar)size=“tamaño” face=“tipo de letra”color=“código color”
<p> (párrafo)
Titulos<h1><h2><h3><h4><h5><h6>
Color de fondo<body bgcolor=“blue”>
Imagen de fondo<body background=“fondo.gif”>
Color de texto<body text=“blue”>
Margenes<body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" >
Ejercicio.
Diseñar una pagina en la cual contenga lo siguiente.
1. Un titulo(Mi primera pagina web).2. Color de fondo o imagen de fondo.3. Su nombre en la parte superior, de un color(el que prefieras) y con
un etiqueta de <h1>.4. Agregar márgenes izquierdo (40) y superior(50).5. Agregar un texto dentro de la pagina.(cuento, chiste, información,
noticia, etc.)6. Justificar el texto7. Diferenciar el titulo del texto de todo el párrafo, dándole color de
letra, tamaño, negrita, cursiva o subrayado.8. Corregir errores si existen en cuanto a palabras con acentuación o
símbolos especiales que estén dentro del texto.9. Para ver un ejemplo da clic aquí --
https://juliocesarpineda.files.wordpress.com/2015/07/ejemplo-html.png