Lenguajes > (X)HTML
Manual HTML - Incompleto
Revancha:
Índice:
• Introducción
• ¿Qué es HTML?
• Estructura básica
• Texto
• Imágenes
• Listas ordenadas
• Enlaces
• Formularios
• Tablas
• Caracteres especiales
Revancha:
• Introducción
En el siguiente manual para aprender HTML, aprenderemos todo lo necesario para crear nuestra propia página Web. Este lenguaje es mucho más fácil que el PHP.
WWW = World Wide Web
http = HyperText Transfer Protocol - Protocolo de Transferencia de HiperTexto
URI = Universal Resource Identifier - Identificador Universal de Recursos
Revancha:
• ¿Qué es HTML?
HTML es el acrónimo* de HyperText Markup Language. Es el lenguaje más utilizado para la presentación de textos estructurados en formato HiperTexto, estándar de las páginas Web. EL HTML es utilizado con el fin de visualizar al usuario de una página Web el contenido de la misma forma que desee el Web Master que se visualicé.
*Un acrónimo es una palabra que resulta de la unión de las letras iniciales de una o más palabras.
Revancha:
• Estructura básica
La estructura básica de un archivo HTML es la siguiente:
--- Código: ---<HTML>
<HEAD>
<TITLE>Mi título</TITLE>
</HEAD>
<BODY>
contenido aquí
</BODY>
</HTML>
--- Fin del código ---
Explicación tags
<HTML> = El inicio de un archivo HTML. Su cierre es </HTML>
<HEAD> = La cabecera del archivo HTML. Su cierre es </HEAD>
<TITLE> = Indica el título de la barra del Navegador. Su cierre es </TITLE>
<BODY> = Indica el contenido que se visualizare en el Navegador. Su cierre es </BODY>
Atributos <BODY> </BODY>
BGCOLOR = Indica el fondo que se visualizara en la página.
--- Código: ---<BODY BGCOLOR="#FFFFFF"> (#FFFFFF Color de fondo)
--- Fin del código ---
BACKGROUND = Indica la imagen que se visualizara de fondo.
--- Código: ---<BODY BACKGROUND="imagen.ext"> (Imagen es el nombre ejemplo: logo, y ext, extensión: gif)
--- Fin del código ---
Estos modificadores ajustan el desvío del navegador. Dos de ellos actúan sobre Internet Explorer y los otros sobre el Navigator de Netscape.
Todos los navegadores separan las imágenes un determinado número de pixels de la esquina superior izquierda de la ventana. Estos modificadores marcan al navegador que dicho desvío será de X píxeles en horizontal e Y píxeles en vertical.
--- Código: ---TOPMARGIN=X
LEFTMARGIN=Y
MARGINHEIGHT=X
MARGINWIDTH=Y
--- Fin del código ---
Revancha:
• Texto
El tag <FONT> es uno de los más completos. Con sus diferentes atributos podemos visualizar varias características del texto. Su cierre es </FONT>
FACE = Indica el tipo de fuente que uno desee. El usuario debe tener instalada la fuente que seleccionamos para que se visualizara perfectamente.
--- Código: ---<FONT FACE="verdana ">texto verdana</FONT> (verdana, es el nombre de la fuente)
--- Fin del código ---
COLOR = Indica el color que deseemos que se vea.
--- Código: ---<FONT COLOR="#ff0000">texto rojo</FONT>
--- Fin del código ---
SIZE = Indica el tamaño del texto. Se pueden usar px y muchas más.
--- Código: ---<FONT SIZE="1">Tamaño 1</FONT> (1 indica el tamaño del texto)
--- Fin del código ---
Estilos
Negrita = <B>texto en negrita</B>
Subrayado = <U>texto subrayado</U>
Cursiva = <I>texto en cursiva</I>
<Hx><Hx> = Indica el tamaño de letra. X indica el tamaño de letra, es de mayor a menor, o sea 1, es la fuente más grande y 6 la más pequeña.
--- Código: ---<H1>TEXTO MÁS GRANDE<H2>
--- Fin del código ---
<BR> = Indica los saltos de linea,
--- Código: ---Hola<br>amig@s de<br> PHPeros.
--- Fin del código ---
Se visualiza
--- Código: ---Hola
amig@s de
PHPeros.
--- Fin del código ---
Navegación
[#] Página Siguiente
Ir a la versión completa