TOP Etiquetas que no dejaras de usar
多Necesitas Ejemplos?
多Plantillas de HTML? Dise単a tu
P叩gina WEB
Editorial Maracay – Edo. Aragua Todos los derechos reservados
En esta edición te mostraremos los elementos más resaltantes del lenguaje HTML y las estructuras de etiquetas básicas para que desde ya puedas emprender tu propio proyecto en el mundo del diseño de páginas web.
¿Cómo Inicio? Cabecera <HEAD> HTML
Cuerpo <BODY> HTML 6
5
Encabezados en HTML Etiqueta <font>
7
Etiquetas según Tipo de letra
8
Publicidad HTML5
9
ÍNDICE
4
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
¿Cómo Inicio? Las páginas HTML se dividen en dos partes denominadas cabecera (<head>) y cuerpo <body>.
Cabecera: El elemento <HEAD> define la cabecera del documento y contiene información del mismo (metadatos, scripts, estilos, ubicación de documentos de estilos, título de la página, etc.), su inicio lo indica la etiqueta <head> y su final con la etiqueta </head>. La cabecera de un documento puede contener las siguientes etiquetas: <title> (obligatoria) <meta> <link> <base> <script> <style>
La etiqueta <title> establece el título de la página. Los navegadores muestran este título como título de la propia ventana del navegador. Los buscadores utilizan este título como título de sus resultados de búsqueda.
4
Cuerpo: El elemento <BODY > es la etiqueta usada para indicar el cuerpo de un documento HTML, es la parte donde se describe el contenido de la pรกgina (su estructura, su forma, sus colores, texto, y todo lo visual), su inicio lo indica la etiqueta <body> y su final con la etiqueta </body>. La variedad de etiquetas HTML que el BODY puede contener son mucho mas que las que existen para el HEAD, cosa bastante obvia pues la parte de mayor peso es el BODY.
Dentro de la etiqueta <body> se pueden agregar atributos para indicar un color y/o imagen de fondo de la pรกgina, color del texto, color de los links, otros.
5
Encabezados en HTML
Encabezados en HTML CREA Encabezados en HTML ENCABEZADOS HTML
Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el título del artículo, categoría, etc. Pues bien, para escribir encabezados tenemos que utilizar las etiquetas <h>. Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.
6
Etiqueta <FONT>: El elemento <FONT> es una de las etiquetas utilizadas en el cuerpo un documento HTML. La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. Por otro lado, mientras TEXT determina tan sólo en color del texto, la marca FONT puede definir el tipo utilizado, así como su tamaño y color.
<Ejemplo> <FONT FACE="arial" SIZE=5 COLOR=red> Caracteres para formatear</FONT> El atributo FACE="arial" indica el tipo de letra que se visualizará SIZE=5 indica el tamaño del tipo de letra, que puede estar comprendido entre 1 y 7 (mayor dimensión cuanto más cercano al 7) COLOR=red indica el color del texto (que puede expresarse asimismo en valores hexadecimales).
Etiquetas según Tipo de letra: <B> Texto en negrita </B> El texto comprendido entre estas marcas queda formateado en negrita (la B corresponde al inglés BOLD). <I> Texto en cursiva </I> El texto comprendido entre estas marcas queda formateado en cursiva (la I corresponde al inglés ITALIC) <U> Texto subrayado </U> El texto comprendido entre estas marcas queda subrayado aun sin ser un enlace (la U corresponde al inglés UNDERLINE).
7
Existe también la marca STRIKE para el texto tachado: <STRIKE> Texto tachado </STRIKE>
plantillas HTML5 gratis sencillas?
多Buscas
9
¿Cómo inserto imágenes a mi
página web
?
Incluir imágenes en una página web es muy sencillo, simplemente debemos tener en cuenta que las imágenes tienen que tener los formatos GIF, JPG o PNG. Las imágenes dentro de una página web se incluyen utilizando la etiqueta <img>, que no tiene una etiqueta correspondiente de cierre.
<Ejemplo> <img src="http://www.aprenderaprogramar.com/images/logo.png" alt="Logotipo APR2">
¿Y para alinear una imagen? Utiliza el atributo align dentro de la
etiqueta de la imagen .
<Ejemplo>
Top: este coloca la imagen en la parte más
superior de la línea de texto (valor por defecto). Middle: la imagen ahora estará alineada con el centro de la línea de texto. Bottom: con este valor, la imagen será alineada con la parte inferior de la línea de texto
<IMG SRC="cambiar.jpg" BORDER=0 ALIGN="MIDDLE">
8