Subscribe:

Sample text

Sample Text

Social Icons

miércoles, 8 de junio de 2016

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 1..7.
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 ...
Utilizar la dirección de e-mail
para contactarme.
Utilizar la direcci&oacute;n
 de e-mail <ADDRESS>
 claudio@acm.org </ADDRESS>
 para contactarme.
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif
Etiquetas de encabezamientos
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif


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.

http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif
Párrafos, fin de línea y comentarios
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif
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ón
sobre otra.
 Una oraci&oacute;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->

http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif

Un ejemplo de página WEB

http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif


El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente:


<HTML>
 <HEAD>
  <TITLE>P&aacute;gina de ejemplo</TITLE>
 </HEAD>
 <BODY>
  <H2> Encabezado </H2>
  <P>Primer p&aacute;rrafo debajo del encabezado.</P>
  <H3> Un encabezado <BR> en dos renglones </H3>
  <P>P&aacute;rrafo con partes <B>en negrita</B> </P>
 </BODY>
</HTML>


http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif
Etiquetas de formato lógico
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif

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 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&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.

http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif

Inserción de líneas (rulers)

http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif

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.


0 comentarios:

Publicar un comentario

 
Blogger Templates