Want to create interactive content? It’s easy in Genially!
HTML-CODE EXPLCATION
Cindy Rodriguez
Created on September 15, 2021
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
HTML
CODE
Define que el documento es HTML
Principal etiqueta de una página HTML
Es la etiqueta que abre el bloque de información sobre la web
Escribimos el título
Informa a los buscadores, por medio de la descripción que creaste
Sirve para que tu web sea encontrada por medio de estas palabras clave
Se pueden agregar atributos para indicar un color y/o imagen de fondo de la página, color del texto, color de los links
CODE EXPLICATION
<!DOCTYPE HTML>: Es la etiqueta que define que el documento es HTML; <HTML>: Es la principal etiqueta de una página HTML; <HEAD>: Es la etiqueta que abre el bloque de información sobre la web; <TITLE>: Acá, escribimos el título genial que daremos a la página web. Ese que aparece en el borde de la ventana del navegador.
CODE EXPLICATION
<META =”description”>: Informa a los buscadores, por medio de la descripción que creaste, de que se trata tu web <META =”keywords”>: Sirve para que tu web sea encontrada por medio de estas palabras clave. <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
CODE EXPLICATION
<h2> 4 editores de texto WYSIWG </h2> <ol> <li>Atom</li> <li>Sublime</li> <li>Notepad ++</li> <li>Brackts</li> </ol>”
CODE EXPLICATION
En la estructura del código HTML, al “abrir” una etiqueta es, muy importante que la cierres. Usando la barra “/” para decir al código que aquel bloque de informaciones ha terminado.
CODE
CODE EXPLICATION
La etiqueta <h1> Define el título de nivel 1 y se puede extender hasta el <h6>. <p> Son editores que te permiten ver cómo el código se muestra en una página web en marcha. Para los que están empezando, los editores WYSIWG son muy recomendados, ya que no se requiere ninguna experiencia en codificación. </p> Para crear una lista con los nombres de los editores, usamos el elemento <ol> – que define el bloque de listas ordenadas – y el <li> – que debe ser usado para cada ítem de la lista.
CODE EXPLICATION
Para dar color a tus textos, hay que indicarlo entre las etiquetas: <span style=”color:red“> </span> <!DOCTYPE html> <html> <style> div { background-color: rgb(0, 191, 255); color: rgb(255, 255, 255); padding: 20px; } </style> <body> <div> <h1>London is the capital city of England.</h1> <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </div> </body> </html>