guia 1 conceptos html

2
Guías HTML Guía 1 –HTML . Elaborada por: Daniel Mora 1 2012 GUIA 1 Estructura interna de una página HTML y Etiquetas básicas. Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador). La estructura básica de una página HTML es: <html> <head> </head> <body> Cuerpo de la página. </body> </html> Estos son los elementos básicos que toda página HTML debe llevar. Si observamos toda página comienza con la marca:<html> y finaliza con la marca:</html> Los fines de marcas tienen el mismo nombre que el comienzo de marca, más el caracter / Una página HTML tiene dos secciones muy bien definidas que son la cabecera: <head> </head> Y el cuerpo de la página: <body> Cuerpo de la página. </body> Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito. Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo. Otras Etiquetas Especificar título página: <title>El primer documento HTML</title> Salto de línea <br> Párrafo <p> Todo lo que encerremos entre las marcas <p> y </p> aparecerá separado por un espacio con respecto al próximo párrafo. Títulos <h1><h2><h3><h4><h5><h6> El título de mayor nivel es <h1>, es decir el que tienen una fuente mayor. Ejem: <h1>HTML</h1> Enfasis (<em> <strong>), Enfatizar algo significa realzar la importancia de una cosa, por ejemplo una palabra o conjunto de palabras. (Cursiva y negrita), Ejemplo: <em>Texto</em>. <blockquote>Texto</blockquote>. Genera un espacio tipo sangría entre el borde de la pagina y el texto. Color fuente: <font></font> es una etiqueta obsoleta reemplazada por las hojas de estilo. Es común encontrarnos páginas cuyo código aún las incluyen. No es erróneo, pero su uso implicará no cumplir los estándares. Dicha etiqueta incluye atributos como "face" (para especificar el tipo de fuente), "size" (para el tamaño) o color. Ejemplo :<font face="arial" size="12px" color="#0088AA">TEXTO CON FORMATO</font>

Upload: dantenocturno

Post on 21-Nov-2015

216 views

Category:

Documents


0 download

DESCRIPTION

htm

TRANSCRIPT

  • Guas HTML

    Gua 1 HTML . Elaborada por: Daniel Mora 1

    2012

    GUIA 1 Estructura interna de una pgina HTML y Etiquetas bsicas.

    Muchos elementos HTML requieren una marca de comienzo y otra de finalizacin. Todo aquello que est fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).

    La estructura bsica de una pgina HTML es:

    Cuerpo de la pgina.

    Estos son los elementos bsicos que toda pgina HTML debe llevar. Si observamos toda pgina comienza con la marca: y finaliza con la marca: Los fines de marcas tienen el mismo nombre que el comienzo de marca, ms el caracter / Una pgina HTML tiene dos secciones muy bien definidas que son la cabecera:

    Y el cuerpo de la pgina: Cuerpo de la pgina.

    Todo el texto que dispongamos dentro del aparece dentro del navegador tal cual lo hayamos escrito. Todas las pginas tiene como mnimo esta estructura: cabecera y cuerpo. Otras Etiquetas

    Especificar ttulo pgina: El primer documento HTML

    Salto de lnea

    Prrafo Todo lo que encerremos entre las marcas y aparecer separado

    por un espacio con respecto al prximo prrafo.

    Ttulos El ttulo de mayor nivel es , es decir el que

    tienen una fuente mayor. Ejem: HTML

    Enfasis ( ), Enfatizar algo significa realzar la importancia de una cosa, por ejemplo una palabra o conjunto de palabras. (Cursiva y negrita), Ejemplo:

    Texto.

    Texto. Genera un espacio tipo sangra entre el borde de la

    pagina y el texto.

    Color fuente: es una etiqueta obsoleta reemplazada por las hojas de

    estilo. Es comn encontrarnos pginas cuyo cdigo an las incluyen. No es errneo,

    pero su uso implicar no cumplir los estndares. Dicha etiqueta incluye atributos

    como "face" (para especificar el tipo de fuente), "size" (para el tamao) o color.

    Ejemplo :TEXTO CON

    FORMATO

  • Guas HTML

    Gua 1 HTML . Elaborada por: Daniel Mora 2

    2012

    Ejercicios (Cada uno Gurdelos de forma independiente)

    1. Confeccionar una pgina que muestre los nombres de 5 lenguajes de programacin separados por un guin.

    2. Confeccionar una pgina HTML que muestre su nombre y apellido y en la siguiente lnea los nombres de sus padres separados por un guin.

    3. Confeccione una pgina que muestre en un prrafo datos referentes a sus estudios y en otro prrafo su nombre y mail.

    4. Confeccionar el titular de un peridico con un ttulo de nivel 1. Luego definir dos ttulos de segundo nivel con los textos (Noticias polticas y Noticias deportivas), en cada una de estas secciones definir dos titulares de tercer nivel con un prrafo cada una. Al final de la pgina mostrar un ttulo de cuarto nivel con el nombre de la empresa propietaria del peridico.

    5. Confeccionar una pgina que muestre la definicin de tres palabras. Aplicar el elemento a cada palabra previo a su definicin. Luego agregar el elemento a una o a un conjunto de palabras dentro de la definicin.

    6. Realizar un texto que rena todas las etiquetas mencionadas en esta gua incluyendo el formato del texto.

    Bibliografa http://www.desarrolloweb.com/manuales/21/ http://www.htmlya.com.ar/