Lenguaje de programación HTML 5 y CCS3
[Link] = protocolo de hipertexto de seguridad
s=seguridad
http: pagina no segura
<HTML> Etiqueta de apertura
</HTML> Etiqueta de cierre
<H1> Titulo
</H1> Cierre de titulo
La extensión para guardar en .html
La primera pagina creada
Primera página de internet surge en 1990 FINALES
CERN crea la primera página puro texto , surge el primer HTML
Definición de hipertexto: conjunto estructurado de textos, gráficos, etc. Unidos entre sí por
enlaces y conexiones lógicas.
Características de etiquetas se le considera lenguaje plano.
También tienen compacidad: son las instrucciones de marcado que se mezclan en el propio
contenido.
HTML significa: Hypertext Markup Language
<html> Apertura
</html>. Cierre
La versión 5 la idéntificamos de la siguiente manera:
<!DOCTYPE html>
<html>
</html>
Estructura de una versión HTML 5:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HTML>
**********. E T I Q U E T A S EN. HTML. ********
Etiqueta <BR>
Etiqueta <img src=
Atributo controls para ver video
BG COLOR =# COLOR A LA PAGINA EN HTML
ETIQUETA <i> </i>
Etiqueta <s> </i>
Etiqueta <b> </b>
Etiqueta <u> </u> subrayado
Etiqueta <a> apertura y cierre
<A HEREF= (PAGINA WEB). > LINK. </A>. ( Etiqueta anclaje)
ATRIBUTO LAN= ES
****30 MAYO 2026 ****
ETIQUTEAS (TAG)
<A> ANCLA
<ABBR> ABREVIATURA
<ADDRESS> DIRECCION
<ARTICLE> ARTICULO
<ASIDE> CONTENIDO QUE NO CORRESPONDE CON EL PRINCIPAL
<AUDIO> AUDIO
<BR> SALTO ENTER
<BUTTON> BOTON
<CANVAS> GRAFICAS DINAMICAS
<DIV> DEFINE UNA SECCIÓN DEL HTML
<FORM> FORMULARIOS
<FOOTER> PIE DE LA PÁGINA
<HEADER> TODOS LOS ELEMENTOS DE INTRODUCCIÓN
<HGROUPS> CREAR ENCABEZADO DE UNA SECCIÓN
<H1> <H6> TITULOS
<IMG> IMAGEN
<MAP> MAPAS
<NAV> NAVEGADOR
<SCIRPT> INSERTAR SCRIPT
<SECTION> SECCIÓN
<META CHARSET = “UTF-8> CODIFICACION
<META NAME = “VIEWPORT” CONTENT = “WIDTH=DEVICE-WIDTH, INITIAL SCALE =
1.0 “ >
<ALT>
Tablas en HTML
<TABLE>
</TABLE>
<TH> TÍTULOS DE ENCABEZADO
<TR> PARA IDENTIFICAR FILAS
<TD>> CONTENIDO
EJEMPLO
<TABLE BORDER=1 >
<TR>
<TH> NOMBRE </TH>. ENCABEZADO
</TR>
<TR>
<TR>
************CSS ***********
ID= IDENTIFICADOR UNICO
CLAS = idenficador multiple
Align = alineacón
Border= borde
style=
backgroundcolor = color de fondo
href = referencia
HEIGHT = ALTURA
WIDTH = ANCHO
SRC = PARA IMAGENES
Rowspan= 2; filas en una tabla
colspan = 2 columnas en una table