HTML basico
SENA Regional Antioquia
HTML: "Lenguaje para marcado de hipertexto".
lenguaje para estructurar documentos a partir de texto en World Wide Web. Este lenguaje se basa en tags
(instrucciones que le dicen al texto como deben mostrarse) y atributos (parámetros que dan valor al tag).
activa el tag
texto afectado
desactiva el tag
Esctuctura básica
limitan eldocumento
contenido del documento
Ejemplo 1:
Hola
Titulares, dividen el texto en secciones, tiene hasta 6 niveles
Regístrate para leer el documento completo.
Saltar parrafos
Saltar Lineas
enlaces , Vinculos o hipertextos
Contiene el nombre de un archivo (o su dirección url) y el texto que se muestra en lapantalla y lleva un
atributo ó
.....: Es el más habitual de los atributos y sirve para saltar entre diferentes URLs.
ir a la página ejemplo No. 1
permite saltar a otra pagina.
Visita la página del Sena Medellín
permite saltar a otra pagina externa.
Primera parte:Utilizamos el atributo name para dar nombre a una sección o ancla
de la pagina. Posteriormente, cuando en el documento se incluye un vínculo a la ancla:
Ir a la primera parte
Ejemplo2
Ir abajo
1
Básico de HTML,
SENA Regional Antioquia
ir a la página ejemplo No. 1
Ir a la página Sena Medellín
.
.
.
.
.
.
.
.
.
.
.
.
Ir arriba
Página de enlaces
Ir abajo
ir ala página ejemplo No. 1
Ir a la página Sena Medellín
resultado:
.
.
.
.
..
Listas
ordenada
sin ordenar
Una lista ordenada
Ir arriba
Listas
ordenada
sin ordenar
Una lista sin ordenar
o
Una lista ordenada
1. Uno
2. Dos
3. Tres
Estilosfísicos: Modifican la presentación real del texto.
Una lista sin ordenar
.....: Pone el texto en negrita.
.....: Pone el texto en cursiva.
.....: Pone el texto en fuente monoespaciada.
.....: Subraya el texto afectado.
Un
Un
Un
Un
ejemplo
ejemplo
ejemplo
ejemplo
de
de
de
de
texto
texto
texto
texto
de
de
de
de
en negrita.
en cursiva.
subrayado.
monoespaciado.
Saltos de linea
linea divisoria ej,
salto de linea
Uno
Dos
Tres
Un ejemplo de texto de en negrita.
Un ejemplo de texto de en cursiva.
Un ejemplo de texto de subrayado.
Un ejemplo de texto de monoespaciado.
.
.
.
.
.
2
Ir arriba
Básico de HTML,
SENA RegionalAntioquia
Saltos y lineas
Resultado:
Saltos y lineas
Tablas
El contenido de una tabla lo debemos desarrollar
entre las tags .....
.
fila
celda tipo encabezado
celda tipo común
Las tablas se definen fila a fila, celda a celda, comenzando desde lacelda superior izquierda. Las
columnas se calcularán automáticamente según las celdas que hay en cada fila.
Cada fila de la tabla se indica mediante las tags ..... . Las tags y con sus
correspondientes tags de cierre, indican para indicar las filas individuales dentro de cada fila. Las tags
..... indican que se trata de celdas que sirven como encabezado de tabla y suelen...