Este documento proporciona información sobre el lenguaje HTML y las etiquetas básicas que lo componen. Explica que HTML es el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que marcan elementos como texto, imágenes y videos. Luego describe algunas etiquetas básicas como <B> para negrita, <I> para itálica, <H1>-<H6> para encabezados y <P> para párrafos. Finalmente, indica que el blog de notas se usa como procesador de texto
1. 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álicas.
El texto en formato teletipo.
El <TT>texto</TT> en
formato teletipo.
El texto en 2 tamaños más
El <FONT SIZE = +2 COLOR = "RED">
texto </FONT> en 2
tamaños más
2. grandes y en rojo. El tamaño
puede ser un valor absoluto en el
rango 1..7.
grandes y en rojo. El tamaño
puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la
dirección
de e-mail <ADDRESS>
claudio@acm.org </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é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.
Última
oración ...
<P>
Primera oració del
...
3. Una oración
sobre otra.
Una oración
<BR>
sobre otra.
Observar que estas etiquetas no son bilaterales.
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ún
texto.</BLOCKQUOTE>
La siguiente es una definición.
La siguiente es <DFN>una
definición.</DFN>
El siguiente texto está enfatizado.
El siguiente <EM> texto
</EM>
está enfatizado.
Caracteres de teclado.
<KBD>Caracteres de
teclado.</KBD>
El siguiente texto está fuertemente
enfatizado.
El siguiente <STRONG>
texto
</STRONG> está
fuertemente
4. 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.
Nueva parte.
Fin de la parte anterior.
<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.