Para escribir código HTML es necesario disponer de un Editor de Texto. Este editor de texto no solo se usa para HTML, sino también para otros lenguajes de programación como CSS, PHP, Pascal, etc. En realidad, usar el Bloc de notas predeterminado de Windows es más que suficiente. Cuando estaba en la escuela vocacional, a menudo usaba el Bloc de notas para realizar tareas de programación web, especialmente HTML y CSS.
En este tutorial para aprender HTML, le recomiendo que use Notepad++. Notepad ++ es un editor de texto que admite muchos lenguajes de programación, incluido HTML. No solo fácil de usar, Notepad ++ también es muy liviano, por lo que no afecta el rendimiento de su PC.
Empezar a crear un documento HTML
Primero, descargue el software aquí, luego instale como de costumbre. Después de eso, realice algunas de las configuraciones a continuación para hacer que HTML sea el idioma predeterminado. Entonces, cada vez que queremos crear un nuevo documento, ya no necesitamos configurarlo. idioma predeterminado-su.
1. Inicie sesión en Ajustes > preferencias.
2. Después de eso, seleccione Nuevo documento. Sobre Idioma predeterminado, escoger HTML. Luego seleccione Cerca Si ya lo es.
3. Haga clic en el ícono de papel como lo muestra la flecha para crear un nuevo documento.
Después de eso, intente escribir el código HTML a continuación:
<!DOCTYPE html> <html> <head> <title> Dokumen HTML </title> </head> <body> Ini merupakan dokumen HTML pertamaku </body> </html>
5. En la ventana de Notepad++, se ve de la siguiente manera:
6. Después de eso, guarde el documento seleccionando Archivo > Ahorrar.
7. Guarda en la ubicación que quieras. Por ejemplo, guardo el documento en la carpeta AprenderHTML por el nombre Documento1.
8. Después de eso, haga doble clic en el documento que se guardó anteriormente. Después de ejecutar en el navegador, el resultado será así:
Una de las funciones de Notepad ++ que me gusta es esta función (no sé cuál es el nombre de la función). Por ejemplo, cuando escribimos “
Escritura de código HTML
Echa un vistazo a los dos códigos HTML de escritura a continuación y encuentra la diferencia:
Primer comentario
<!DOCTYPE html> <html><head><title>Dokumen HTML</title></head> <body>Ini merupakan dokumen HTML pertamaku</body></html>
Segunda publicación
<!DOCTYPE html> <html> <head> <title> Dokumen HTML </title> </head> <body> Ini merupakan dokumen HTML pertamaku </body> </html>
Si presta atención, la segunda escritura es mucho más ordenada y agradable a la vista. Aun así, cuando se ejecuten ambos códigos HTML el resultado será el mismo. Esto se debe a que las etiquetas en HTML ignoran los espacios.
Además, escribir etiquetas en HTML tampoco es distingue mayúsculas y minúsculas lo que significa que no distingue entre mayúsculas y minúsculas, por ejemplo
y
son lo mismo. Pero aun así, es muy recomendable usar solo letras minúsculas.
Bueno, ha ejecutado con éxito su primer documento HTML. A continuación, debe saber qué etiquetas, atributos y elementos hay en HTML porque estos tres términos juegan un papel importante en la creación de documentos HTML.