Hackspan

Caracteres HTML

Todos los navegadores de páginas Web actuales soportan todos los caracteres gráficos del la especificación ISO 8859-1 , que permiten escribir textos en la mayoría de los paises occidentales.

De cualquier forma y como muchos sistemas tienen distintos juegos de caracteres ASCII, se han definido dos formas de representar caracteres especiales usando solamente el código ASCII de 7 bits. Para hacer referencia a estos caracteres se les asigna un código numérico o un nombre de " entidad ". Asimismo hay caracteres que se utilizan para las etiquetas de HTML, por ejemplo < y > . Estos caracteres pueden ser representados por un código numérico o una entidad cuando deseemos que aparezcan en el documento "tal cual". Las entidades comienzan por el símbolo & (ampersand) y terminan con el símbolo ; (punto y coma).

A continuacion veamos una tabla con las principales entidades :

Caracter Código Entidad Caracter Código Entidad
! ! -- " " --
# # -- $ $ --
% % -- & & --
' ' -- ( ( --
) ) -- * * --
+ + -- , , --
- - -- . . --
/ / -- : : --
; ; -- < < --
= = -- > > --
? ? -- @ @ --
[ [ --
--
] ] -- ^ ^ --
_ _ -- ` ` --
{ { -- | | --
} } -- ~ ~ --

nbsp ¡ ¡ iexcl
¢ ¢ cent £ £ pound
¤ ¤ curren ¥ ¥ yen
¦ ¦ brvbar § § sect
¨ ¨ uml © © copy
ª ª ordf « « laquo
¬ ¬ not
shy
® ® reg ¯ ¯ macr
° ° deg ± ± plusmn
² ² sup2 ³ ³ sup3
´ ´ acute µ µ micro
¶ ¶ para · · middot
¸ ¸ cedil ¹ ¹ sup1
º º ordm » » raquo
¼ ¼ frac14 ½ ½ frac12
¾ ¾ frac34 ¿ ¿ iquest
À À Agrave Á Á Aacute
Â Â Acirc Ã Ã Atilde
Ä Ä Auml Å Å Aring
Æ Æ AElig Ç Ç Ccedil
È È Egrave É É Eacute
Ê Ê Ecirc Ë Ë Euml
Ì Ì Igrave Í Í Iacute
Î Î Icirc Ï Ï Iuml
Ð Ð ETH Ñ Ñ Ntilde
Ò Ò Ograve Ó Ó Oacute
Ô Ô Ocirc Õ Õ Otilde
Ö Ö Ouml × × times
Ø Ø Oslash Ù Ù Ugrave
Ú Ú Uacute Û Û Ucirc
Ü Ü Uuml Ý Ý Yacute
Þ Þ THORN ß ß szlig
à à agrave á á aacute
â â acirc ã ã atilde
ä ä auml å å aring
æ æ aelig ç ç ccedil
è è egrave é é eacute
ê ê ecirc ë ë euml
ì ì igrave í í iacute
î î icirc ï ï iuml
ð ð eth ñ ñ ntilde
ò ò ograve ó ó oacute
ô ô ocirc õ õ otilde
ö ö ouml ÷ ÷ divide
ø ø oslash ù ù ugrave
ú ú uacute û û ucirc
ü ü uuml ý ý yacute
þ þ thorn ÿ ÿ yuml

Por lo tanto la palabra página la podríamos escribir como :

p á gina
p á gina
p á gina

Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes entidades o códigos para representarlas.

ESPACIOS Y SALTOS DE LINEA

En HTML solo se reconoce un espacio entre palabra y palabra, el resto de los espacios seran ignorados por el navegador.

Así mismo, tampoco se respetan las tabulaciones, retornos de carro etc... Para ello existen una serie de etiquetas que indican estos codigos. La etiqueta <PRE></PRE> obliga al navegador a visualizar el texto tal y como ha sido escrito, respetando tabulaciones, espacios, retornos de carro, etc..

Para indicar un salto de linea se utiliza la etiqueta <BR> y para un cambio de parrafo (deja una linea en blanco en medio) se utiliza la etiqueta <P> .

La etiqueta <P> puede usarse tambien como etiqueta "cerrada" <P></P> indicando de esta manera los atributos de un parrafo en concreto. Cuando se usa de esta manera tiene el parametro align que indica al navegador la forma de "justificar" el parrafo. Los valores posibles de este parametro son LEFT, RIGHT y CENTER , estando aun en estudio el valor JUSTIFY .

La etiqueta <HR> muestra una linea horizontal de tamaño determinable. Tiene los siguientes parámetros opcionales : align = posicion Alinea la linea a la izquierda (left), a la derecha (right) o la centra (center). noshade No muestra sombra, evitando el efecto en tres dimensiones. size = numero Indica el grosor de la linea en pixels. width = num / % Indica el ancho de la linea en tanto por ciento en función del ancho de la ventana del navegador. Tambien se puede especificar un número que indicaría el ancho de la línea en pixels. Ejemplo :

<HR align= center size= 20 width=50%>

La etiqueta <HR> sin ningun parámetro mostraría una linea horizontal que ocuparia todo el ancho de la página. Estas líneas sencillas son las que ves en este manual para separar las diferentes secciones

CABECERAS

En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de las etiquetas <H1><H2><H3><H4><H5> y <H6> . El texto que escribamos entre el inicio y el fin de la etiqueta será el afectado por las cabeceras. La cabecera <H1> será la que muestre el texto en mayor tamaño

Los textos marcados como "cabeceras" provocan automaticamente un retorno de carro sin necesidad de incluir la etiqueta <BR> .

ATRIBUTOS DEL TEXTO

Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias etiquetas. Algunas de ellas no son reconocidas por determinados navegadores de Internet, es por ello que segun el navegador que este vd. utilizando, verá el resultado correctamente o no.

Atributo Etiqueta Ejemplo Resultado
Negrita <B></B> <B> Texto de prueba </B> Texto de prueba
Cursiva <I></I> <I> Texto de prueba </I> Texto de prueba
Teletype <TT></TT> <TT> Texto de prueba </TT> Texto de prueba
Subrayado <U></U> <U> Texto de prueba </U> Texto de prueba
Tachado <S></S> <S> Texto de prueba </S> Texto de prueba
Parpadeo <BLINK></BLINK> <BLINK> Texto de prueba </BLINK> Texto de prueba
Superindice <SUP></SUP> <SUP> Texto de prueba </SUP> Texto de prueba
Subindice <SUB></SUB> <SUB> Texto de prueba </SUB> Texto de prueba
Centrado <CENTER></CENTER> <CENTER> Texto de prueba </CENTER> Texto de prueba

Por otro lado la etiqueta <FONT></FONT> nos permite variar el tamaño, el color, y el tipo de letra de un texto determinado. Utiliza para ello los parámetros size , bgcolor y face .
size = valor Da al texto un tamaño en puntos determinado. size = + / - valor Da al texto un tamaño tantas veces superior (+) o inferior (-) como indique el valor. color = "codigo de color" Escribe el texto en el color cuyo codigo se especifica. face = "nombre de font" Escribe el texto en el tipo de letra especificado. Si este tipo de letra no existe en el ordenador que "lee" la pagina se usara el font predeterminado del navegador.
Ejemplo Se veria como
<FONT size = +2 color = "#FF0000 face = "Arial" > Texto de prueba </FONT> Texto de prueba

Existen otras etiquetas que realizan las mismas operaciones que las antes vistas en los atributos del texto.
Ejemplo Se veria como
<FONT size = +2 color = "#FF0000 face = "Arial" > Texto de prueba </FONT> Texto de prueba

Para incluir comentarios en la página Web se utiliza la etiqueta .

Ejemplo :



Los comentarios no seran mostrados por el navegador y son utiles para realizar anotaciones en el documento HTML que nos indiquen lo que estamos haciendo en una determinada parte del documento. Asimismo veremos mas adelante que la etiqueta de comentario nos sera de utilidad para incluir codigo JavaScript en nuestra pagina Web.

ADDS

TITULO

Titulo

TITULO

TITULO

Titulo - nightlife

Caracteres HTML