miércoles, 15 de septiembre de 2010

Curso de Html parte 2

Este curso lo publiqué hace varias años, es probable que este desactualizado, muy pronto voy a publicar un nuevo curso de HTML5, para estar al pendiente suscríbete a mi canal de youtube o dame like en facebook:


Los Atributos:
En html y en cualquier lenguaje de marcado basado en xml o sgml, los atributos son informacion adicional que se agrega a las etiquetas, en algunos casos estos son necesarios para el funcionamiento de las etiquetas, en otros solo brindan detalles específicos, como por ejemplo la anchura, el largo o el color, un ejemplo de atributo seria el siguiente:
<img src:"images/foto.jpg" >
Lista de Caracteres especiales en HTML
&lt; = <
&gt; = >
&Aacute; = Á
&Eacute; = É
&Iacute; = Í
&Oacute; = Ó
&Uacute; = Ú
&ampaacute; = á
&eacute; = é
&iacute; = í
&oacute; = ó
&uacute; = ú
&Auml; = Ä
&Euml; = Ë
&Iuml; = Ï
&Ouml; = Ö
&Uuml; = Ü
&auml; = ä
&euml; = ë
&iuml; = ï
&ouml; = ö
&uuml; = ü
&Atilde; = Ã
&Ntilde; = Ñ
&Otilde; = Õ
&atilde; = ã
&ntilde; = ñ
&otilde; = õ
&Oslash; = Ø
&oslash; = ø
&ETH; = Ð
&eth; = ð
&szlig; = ß
&frac14; = ¼
&frac12; = ½
&frac34; = ¾
&copy; = ©
&reg; = ®
&ordf; = ª
&sup2; = ²
&sup3; = ³
&sup1; = ¹
&macr; = ¯
&micro; = µ
&para; =
&middot; = ·
&deg; = °
&cedil; = ¸
&iquest; = ¿
&times; = ×
&divide; = ÷
&#147; =
&#148; =
&#140; = Œ
&#135; =
Etiquetas para texto
Primero un repaso a la clase pasada, para recordar las etiquetas que vimos, sabemos que <marquee> crea una marquesina de texto en movimiento, que <b> define un texto en negrirta, que <i> define un texto en itálica, ahora en esta clase veremos mas etiquetas para texto:
<strike>que sirve para mostrar texto con una linea en el medio atravesándolo así: texto de ejemplo
Encabezados en html existen 6 tipos de encabezado, que se crean con las etiquetas de encabezado aquí listadas:
<h1>, <h2>, <h3>, <h4>, <h5> y <h6>
<tt> crea texto con el estilo de las maquinas de escribir, ejemplo:
texto con forma de teletipo
<big>sirve para agrandar el texto
<small>encoje el texto
<br /> crea un salto de linea
Archivos de ejemplo:

No hay comentarios:

Publicar un comentario