Etiquetas html 1
0 recomendaciones1,152 vistas
Este documento proporciona una introducción a las etiquetas HTML básicas para formato de texto, encabezados, párrafos, comentarios y formato lógico. Explica cómo usar etiquetas como <B>, <I>, <H1>-<H6>, <P>, <BR>, <CITE>, <CODE>, <DFN> y <HR> para dar formato y estructura a contenido web. También incluye ejemplos de cómo aplicar estas etiquetas para crear un documento HTML simple.
Etiquetas html 1
- 1. Etiquetas HTML Básicas Etiquetas de formato de texto Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El <I>texto</I> en El texto en itálicas. itálicas. El <TT>texto</TT> en El texto en formato teletipo. formato teletipo. El <FONT SIZE = +2 COLOR = "RED"> El texto en 2 tamaños más texto </FONT> en 2 grandes y en rojo. El tamaño puede tamaños más ser un valor absoluto en el rango grandes y en rojo. El 1..7. tamaño puede ser ... Utilizar la dirección Utilizar la dirección de e-mail de e-mail <ADDRESS> claudio@acm.org claudio@acm.org </ADDRESS> para contactarme. 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
- 2. Justo antes del encabezado. Justo antes del encabezado. Un encabezado H2 <H2>Un encabezado H2<H2> Justo después del Justo después del encabezado. encabezado. Párrafos, fin de línea y comentarios Salida Etiquetas requeridas Última Última oración del párrafo. oración ... <P> Primera oración del nuevo párrafo. Primera oració del ... Una oración Una oración <BR> sobre otra. 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- > Un ejemplo de página WEB El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente: <HTML> <HEAD> <TITLE>Página de ejemplo</TITLE> </HEAD> <BODY>
- 3. <H2> Encabezado </H2> <P>Primer párrafo debajo del encabezado.</P> <H3> Un encabezado <BR> en dos renglones </H3> <P>Párrafo con partes <B>en negrita</B> </P> </BODY> </HTML> Ver el ejemplo. Etiquetas de formato lógico Salida Etiquetas requeridas La siguiente es <CITE>una La siguiente es una cita. cita</CITE>.> <CODE>Representa un Representa un listado de listado computadora. de computadora.</CODE> Una secuencia de<SAMP> Una secuencia de caracteres caracteres literales. literales.</SAMP> Nota: <BLOCKQUOTE> Esta es Nota: una cita de algún Esta es una cita de algún texto. texto.</BLOCKQUOTE> La siguiente es <DFN>una La siguiente es una definición. definición.</DFN>
- 4. El siguiente <EM> texto El siguiente texto está enfatizado. </EM> está enfatizado. <KBD>Caracteres de Caracteres de teclado. teclado.</KBD> El siguiente <STRONG> texto El siguiente texto está fuertemente </STRONG> está enfatizado. fuertemente enfatizado. El siguiente <VAR> nombre El siguiente nombre es una variable de </VAR> programa. es una variable de programa. Inserción de líneas (rulers) Salida Etiquetas requeridas Fin de la parte anterior. Fin de la parte anterior. Nueva parte. <HR> Nueva parte. Solo 40% de ancho. Solo 40% de ancho. <HR WIDTH=40%> Nueva Nueva parte. parte. Alto del ruler = 10. Alto del ruler = 10. Nueva parte. <HR SIZE=10> Nueva parte.