HTML - Mapa Mental

HTML

HTML

los navegadores y su compatibilidad

el navegador instalado en el ordenador del usuario
es el que va a interpretar el codigo HTML

Editores

un editor es un programa que
nos permite redactar documentos

estructura de una pagina web

mi primera pagina

lo primero que tienes que hacer es abrir un editor de texto, este puede ser tanto un programa especializado en codigo o el bloc de notas

etiquetas

las etiquetas o marcas delimitan cada uno de los
elementos que componen un documento HTML

etiquetas de inicio

La etiqueta de inicio esta delimitada por los caracteres < y >. Esta compuesta por el
identificador o nombre de la etiqueta, y puede contener una serie de atributos

etiqueta de fin o cierre

La etiqueta del final esta delimitada por los caracteres </ y >. Esta compuesta por el
identificador o nombre de la etiqueta y no contiene atributos

el texto

saltos de linea

El salto de línea se producirá en el código, pero no se mostrará en el navegador, hay que insertar la etiqueta <br> donde se desee que se produzca el salto.

separadores

Un elemento qué suele utilizarse para separar cercas de acciones dentro de una página es la regla horizontal. Para insertar dicha regla hay que insertarle etiqueta <hr>.

atributos de la regla horizontal

align

Alineación de la regla dentro de
la pagina

width

Ancho de la regla

size

Alto de la regla

noshade

Eliminar el sombreado de la
regla

resaltado del texto

Esta etiqueta sirve para darle diferentes estilos al texto que se encuentra en la pagina,
estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto.

se usa la etiqueta <b>

parrafos

el texto de una pagina puede agruparse en parrafos. Para ello, el texto de cada uno de
los parrafos debe insertarse entre las etiquetas <p> y </p>

Encabezados

Existen una serie de encabezados Qué suenen utilizarse para establecer títulos dentro
de una página.

marquesinas

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea Es necesario insertar texto entre las etiquetas<marquee> y </marquee>

hiperenlaces

tipos de referencia

Existen diferentes formas de expresar una referencia a una pagina a traves del atributo
“href”

Referencia absolluta

Conduce a una ubicación externa al sitio en el que se encuentra el documento. Laubicación es en internet, en este caso hay que empezar por la referencia http://

formato de los enlaces

En general, Un texto qué tiene un vínculo asociado suelas para hacer subrayado.
Cuando el vínculo está definido sobre una imagen, En el borde aparecen una serie de puntitos Al pulsar sobre ella

imagenes

imagen

todas las paginas web acostumbran a tener un cierto numero de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.

aditamentos

texto alternativo

Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su lugar, junto con el nombre de la imagen.

borde de una imagen

En general, al visualizar una pagina en un navegador las imágenes aparecen sin ningún borde alrededor, pero es posible establecer uno a traves del atributo “border"

tamaño de la imagen

Cuando insertamos una imagen, esta se muestra en los navegadores con su tamaño original, pero por diversos motivos puede interesarnos modificar dicho tamaño

alineacion de la imagen

La alineación de las imágenes se establece a traves del atributo align. Este atributo indica la alineación de las imágenes con respeto a la línea de texto en la que se
encuentran.

tablas

tabla

Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que forman la tabla

fila

Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla.
Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>

columna

Para crear una tabla no basta con especificar el numero de filas, es necesario también
especificar el número de columnas.

titulo de la tabla

No solamente es posible establecer títulos para las columnas, también es posible establecer un titulo para la tabla mediante las etiquetas <caption> y </caption>

Etiquetas para marcos

un marco es una ventana independiente dentro de la ventana general del navegador.
Cada marco tendrá sus bordes y sus propias barras de desplazamiento. así cada
pagina se dividirá en la practica en varias paginas independientes

para crearlos necesitaremos un documento HTML especifico, que llamaremos

documento de definición de marcos. En el especificaremos el tamaño y posición de

cada marco y el documento HTML que contendrá.

etiquetas para multimedia

Multimedia en la web es sonido, música, videos, películas y animaciones, entre otras
cosas, HTML5 introduce soporte integrado para el contenido multimedia gracias a los
elementos <audio> y <video>, ofreciendo la posibilidad de insertar contenido

multimedia.

etiquetas para capas

Podemos insertar una capa a través de las etiquetas <div> y </div>, que como ya
vimos, sirven para agrupar bloques de texto

Clique aqui para centrar o seu mapa.
Clique aqui para centrar o seu mapa.