EDITOR
Un editor de HTML, es un software que se utiliza para escribir la base de un sitio web. Si bien cualquier editor de textos puede hacer este trabajo, no significa que tengas que hacerlo sin ningún tipo de ayuda.
Las funciones adicionales, la comprobación de errores y un editor más intuitivo en general pueden facilitarte la vida significativamente a la hora de escribir código y optimizar tu proceso de desarrollo web.
Los fundamentos de los editores de HTML son los mismos: te ayudan a escribir código resaltando las sintaxis, insertando elementos y estructuras HTML de uso común, y ofreciendo autocompletado.
Algunos son: ATOM, Notepad++, Sublime Text, Visual Studio, Adobe
ESTRUCTURA
La estructura básica de HTML, está compuesta por etiquetas. Estas se inician con <etiqueta> y se cierran con </etiqueta>
La estructura básica de un archivo HTML, debe contener
- <!DOCTYPE html> Lo primero que nos encontramos es la declaración del tipo de documento que se está mostrando. El DOCTYPE variará según el tipo de documento realizado.
- html Tras declarar el tipo de documento, indicamos que iniciamos nuestro documento HTML. Esta etiqueta se cierra cuando finalizamos el documento. Vemos que lleva un atributo lang, esto sirve para indicar el idioma del documento (en nuestro caso español)
- head En un documento HTML tenemos una cabecera dónde colocaremos los metadatos de la página, el código JavaScript y el CSS que utilizará el navegador para renderizar (graficar) la página.
- meta charset Obligatorio en HTML5, informa el juego de caracteres del documento, debería ser siempre utf-8. Como todo metadato debe ir dentro del head
- title Es un tipo de metadato especial que nos proporciona el título de la página.
- body En su interior tendremos el contenido de la página.
Para separar párrafos, utilice el tag <p>
Para asignar color al fondo, utilice el atributo <bgcolor="black">, dentro del tag <body>
Para asignar color a la fuente, utilice <text="white">
Consultar
https://www.color-hex.com/color-wheel/
para ver los códigos de los colores en Hexadecimal
Los títulos, tienen hasta 6 tamaños diferentes y se pueden referenciar con el tag <h1>, <h2>, <h3>,...,<h6>
Si desea insertar una imagen, puede hacerlo con el tag <img src="">
Para centrar la imagen, puede usar <center>
Si desea agregar una tabla a su página Web, la estructura es la siguiente:
<tr>
<td>Columna 1 </td>
<td>Columna 2 </td>
</tr>
</table>
ACTIVIDAD DE APRENDIZAJE
Realice su propia página web, utilizando todas las herramientas vistas hasta ahora y envíela al siguiente link
No hay comentarios.:
Publicar un comentario