Etiquetas HTML básicas
•Descargar como DOCX, PDF•
0 recomendaciones•923 vistas
Este documento proporciona una introducción a las etiquetas básicas de HTML para formato de texto, encabezados, párrafos, líneas divisorias y otras etiquetas lógicas. Explica etiquetas como <B>, <I>, <H1>-<H6>, <P>, <BR>, <HR> y su uso para dar formato y estructura a contenido web. También incluye un ejemplo básico de página HTML.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Etiquetas HTML básicas
Más de jannet170309
Último
Último (20)
Etiquetas HTML básicas
- 1. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 1 ETIQUETAS BASICAS DE HTML: 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 grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7. El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tamaños más grandes y en rojo. El tamaño puede ser ... Utilizar la direcciónde e-mail claudio@acm.org para contactarme. Utilizar la dirección de e-mail <ADDRESS> claudio@acm.org </ADDRESS> Para contactarme.
- 2. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 2 Etiquetas de encabezamientos: Salida Etiquetas requeridas 1 ENCABEZADO H1 <H1>Encabezado H1<H1> 1.1.1 EncabezadoH3 <H3>Encabezado H3<H3> 1.1.1.1.1.1 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. 1.2 UN ENCABEZADO H2 Justo después delencabezado. 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 ... Una oración sobre otra. Una oración <BR> sobre otra.
- 3. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 3 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-> EJEMPLO: El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente: <HTML> <HEAD> <TITLE>Páginade ejemplo</TITLE> </HEAD> <BODY> <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>
- 4. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 4 Etiquetas de formato lógico: Salida Etiquetas requeridas La siguiente es una cita. La siguiente es <CITE>una cita</CITE>.> Representaun listado de computadora. <CODE>Representa un listado de computadora.</CODE> Una secuencia de caracteres 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 enfatizado. El siguiente nombre es una variable de programa. El siguiente <VAR> nombre </VAR> es una variable de programa.
- 5. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 5 Inserciónde líneas (rules) 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.
- 6. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 6 * <HTML>: indica elcomienzo deldocumento HTML. * <HEAD>: indica que empieza la cabecera de la página.En ella se suele poner el título (<title> de la web,una descripción y otras informaciones relacionadascon el contenido de la página. * <BODY>: es el cuerpo de la página,dondeva lo que se ve en el navegador alcargar una web.En el body van los textos,las imágenes y todos los contenidos de la web. * <H1>, <H2>, etc.: son los títulos o encabezados.Se utilizan para establecer determinadostextos de la página como titulares,suelen tener un tamaño de fuente mayor para diferenciarlosdelresto del texto. Son importantes en elposicionamiento en buscadores. * <A>: define los enlaces. * <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>. * <P>: el texto dentro de esta etiqueta forma un párrafo. * <IMG>: imágenes. * <BR />: salto de línea.
- 7. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 7 * <UL>: los textos dentro de esta etiqueta se estructuranen listas. Mediante el uso de <LI> definimos cada guión dentrode la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas. * <B> y <STRONG>: se utilizanpara resaltarel texto. * <U>: texto subrayado. * <I>: texto en cursiva. Ejemplo de página básica <html> <head> <title>Título de la página</title> </head> <body> <h1>Encabezado de la página</h2> <h3>Encabezado de menor tamaño</h3> <p>Este es el texto de un párrafo.</p> <p>Este es el texto de otro párrafo. Dentro de este párrafo, pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo que quieras.</p> <p>Tambiénpodemosponerlistas como la siguiente:</p> <ul> <li>Guión número uno.</li>
- 8. JANNETPACHECORIVERA -CIENCIASDELA COMUNICACIÓN 8 <li>Guión número dos.</li> <li>Guión número tres.</li> </ul> </body> </html>