html

4
COLEGIO NACIONAL NICOLAS ESGUERRA FABIAN ARTURO MEDINA PASCAGAZA 23 901 CARLOS ALBERTO MENDEZ FLOREZ 24 Actividad de HTML 1. que es HTML El HTML (Hyper Text Markup Language) 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, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado. 2. Etiquetas HTML Básicas Etiquetas de formato de texto Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El texto en itálicas. El <I>texto</I> en it&aacute;licas.

Upload: fabian-arturo-pascagaza

Post on 25-Jul-2015

109 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Html

COLEGIO NACIONAL NICOLAS ESGUERRA

FABIAN ARTURO MEDINA PASCAGAZA 23

901

CARLOS ALBERTO MENDEZ FLOREZ 24

Actividad de HTML

1. que es HTML

El HTML (Hyper Text Markup Language) 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, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.

Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).

Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

2. Etiquetas HTML Básicas

Etiquetas de formato de texto

Salida Etiquetas requeridas

El texto en negritas. El <B>texto</B> en negritas.

El texto en itálicas.El <I>texto</I> en it&aacute;licas.

El texto en formato teletipo.El <TT>texto</TT> en formato teletipo.

El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango

El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tama&ntilde;os m&aacute;s grandes y en rojo. El tama&ntilde;o puede ser ...

Page 2: Html

1..7.

Utilizar la dirección de [email protected] contactarme.

Utilizar la direcci&oacute;n de e-mail <ADDRESS> [email protected] </ADDRESS> para contactarme.

Etiquetas de encabezamientos

Salida Etiquetas requeridas

Encabezado H1 <H1>Encabezado H1<\H1>

Encabezado H3 <H3>Encabezado H3<\H3>

Encabezado H6 <H6>Encabezado H6<\H6>

Las etiquetas de encabezado generan automáticamente un fin de línea.

Salida Etiquetas requeridas

Justo antes del encabezado.

Un encabezado H2

Justo después del encabezado.

Justo antes del encabezado. <H2>Un encabezado H2<\H2> Justo despu&eacute;s del encabezado.

Párrafos, fin de línea y comentarios

Salida Etiquetas requeridas

Última oración del párrafo.

Primera oración del nuevo párrafo.

&Uacute;ltima oraci&oacute;n ...<P>Primera oraci&oacute; del ...

Una oraciónsobre otra.

 Una oraci&oacute;n<BR>sobre otra.

Observar que estas etiquetas no son bilaterales.

Page 3: Html

Los comentarios dentro de un archivo HTML se delimitan del siguiente modo:

<!-Este texto no será analizado por el visualizador->

Etiquetas de formato lógico

Salida Etiquetas requeridas

La siguiente es una cita.La siguiente es <CITE>una cita</CITE>.>

Representa un listado de computadora.

<CODE>Representa un listado de computadora.</CODE>

Una secuencia decaracteres literales.

Una secuencia de<SAMP>  caracteres literales.</SAMP>

Nota:Esta es una cita de algún texto.

Nota: <BLOCKQUOTE> Esta es una cita de alg&uacute;n texto.</BLOCKQUOTE>

La siguiente es una definición.La siguiente es <DFN>una definici&oacute;n.</DFN>

El siguiente texto está enfatizado.El siguiente <EM> texto </EM> est&aacute; enfatizado.

Caracteres de teclado.<KBD>Caracteres de teclado.</KBD>

El siguiente texto está fuertemente enfatizado.

El siguiente <STRONG> texto </STRONG> est&aacute; fuertemente enfatizado.

El siguiente nombre es una variable de programa.

El siguiente <VAR> nombre </VAR> es una variable de programa.

Inserción de líneas (rulers) 

Salida Etiquetas requeridas

Fin de la parte anterior. Fin de la parte anterior.

Page 4: Html

Nueva parte. <HR> Nueva parte.

Solo 40% de ancho.

Nueva parte.

Solo 40% de ancho. <HR WIDTH=40%> Nueva parte.

Alto del ruler = 10.

Nueva parte.

Alto del ruler = 10. <HR SIZE=10> Nueva parte.

3. para que sirve el blog de notas 

El blog de notas lo utilizamos como procesador de texto para escribir el código fuente.