ETIQUETAS

Slide 1

Etiquetas HTML Básicas

Slide 2

SalidaEl texto en negritas.El texto en itálicas.El texto en formato teletipoEl texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.Utilizar la dirección de e-mailclaudio@acm.orgpara contactarme.

Etiquetas requeridasEl <B>texto</B> en negritas.El <I>texto</I> en itálicas.El <TT>texto</TT> en formato teletipo.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ónónde e-mail <ADDRESS> claudio@acm.org </ADDRESS> para contactarme.

Etiquetas de formato de texto

Slide 3

Etiquetas de encabezamientos

Salida: Encabezado H1 Encabezado H3 Encabezado H6

d4ef0270-949f-4733-8bb0-6a5fb61e32e3 (image/png)

Slide 4

Etiquetas requeridas:<H1>Encabezado H1<\H1><H3>Encabezado H3<\H3><H6>Encabezado H6<\H6>

5969ca1b-7466-4297-8d56-df185fda078d (image/jpg)

Slide 5

Las etiquetas de encabezado generan automáticamente un fin de línea.SalidaJusto antes del encabezado. Un encabezado H2 Justo después del encabezado.

Etiquetas requeridasJusto antes del encabezado. <H2>Un encabezado H2<\H2> Justo después del encabezado.

Slide 6

Párrafos, fin de línea y comentarios

SalidaÚltima oración del párrafo.Primera oración del nuevo párrafoUna oraciónsobre otra.

fe6c2f16-dc34-450d-a7cf-dc9019c0f513 (image/jpg)

Slide 7

9268b25c-ffeb-447f-be8c-d9b5e8d1c27f (image/jpg)

Etiquetas requeridas:Última oración ... <P> Primera oració del ... Una oración <BR> sobre otra.

Slide 8

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 WEBEl siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente: <HTML> <HEAD> <TITLE>Página de 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>

Slide 9

e568c0cd-63c1-4e68-8a8d-b10569cfa1af (image/jpg)

Slide 10

Etiquetas de formato lógico

SalidaLa siguiente es una cita.Representa un listado de computadora.Nota:Esta es una cita de algún texto.La siguiente es una definición.El siguiente texto está enfatizado.Caracteres de teclado.El siguiente texto está fuertemente enfatizado.El siguiente nombre es una variable de programa.

Etiquetas requeridasLa siguiente es <CITE>una cita</CITE>.><CODE>Representa un listado de computadora.</CODE>Nota: <BLOCKQUOTE> Esta es una cita de algún texto.</BLOCKQUOTE>La siguiente es <DFN>una definición.</DFN>El siguiente <EM> texto </EM>está enfatizado.<KBD>Caracteres de teclado.</KBD>El siguiente <STRONG> texto</STRONG> está fuertementeenfatizado.El siguiente <VAR> nombre </VAR>es una variable de programa.

Slide 11

Inserción de líneas (rulers)

SalidaFin de la parte anterior.Solo 40% de ancho. Nueva parte.Alto del ruler = 10. Nueva parte.

Etiquetas requeridasFin de la parte anterior.<HR> Nueva parte.Solo 40% de ancho. <HR WIDTH=40%> Nueva parte.Alto del ruler = 10. <HR SIZE=10> Nueva parte.

Next up

Description

Resource summary