Want to create interactive content? It’s easy in Genially!

Get started free

HTML 5 y CSS

Jaime Enrique Galindo Villegas

Created on February 26, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

HTML 5 y CSS

Esto son lenguajes de programación que se usan para la programación web

HTML 5

Etiquetas estructurales:En esta nueva versión se agrega: <header>El encabezado </header> <footer>pie de página </footer>

<nav> Enlaces de navegación principales </nav> <section> una sección de la página </section> <aside> información adicional </aside> <article> un artículo independiente </article>

CSS

CSS es un lenguaje de diseño gráfico con el cual creamos la presetación del documento HTML Para darle este formato debemos usar primero la etiqueta que contiene el contenido al que debemos darle formato ej. <header> Luego, dentro de esta etiqueta en el CSS escribimos un comando, segun lo que se quiera hacer: header { font-size: 200px }

Con esto logramos que el texto tenga un tamaño de 200px. Ademas podemos usar muchos otros comandos y crear nuestras propias etiquetas en HTML si usamos el comado id="etiqueta" y en CSS para hacer referencia a esta etiqueta se usa "#": #etiqueta { font-size: 200px

Enlazar

Así que para que la página web tenga el formato como en la imagen debemos enlazar el documento HTML a uno CSS:

<link: se encarga de enlazar el documento con un recurso externo > rel = hace un enlace entre dos documentos href = aqui pondremos la dirección donde se encuentra el archivo CSS (en este caso una carpeta llamada "css" y el archivo se llama "estilo.css") Esto da de resultado: <link rel="stylesheet" href="css/estilo.css">

Equipo 3:Jaime Galindo Emmanuel Vázquez Lucia Rodriguez