Parte 1 de HTML de aprendizaje: elección de un editor de texto para crear documentos HTML

Para escribir código HTML, necesita textoEditor 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 solo es más que suficiente. Cuando estaba en la escuela secundaria profesional, solía usar Notepad para realizar tareas de programación web, especialmente HTML y CSS.

En este tutorial de aprendizaje de 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 ligero, por lo que no afecta el rendimiento de su PC.

Comience a crear documentos HTML

Primero descargue el software aqui, luego instalar como de costumbre. Después de eso, realice algunas configuraciones a continuación para que HTML sea el idioma predeterminado. Por lo tanto, cada vez que queremos crear un nuevo documento, ya no necesitamos configurarlo idioma predeterminadoella

1. Ingrese Configuraciones > Preferencias.

2. Después de eso, seleccione Nuevo documento. En Idioma predeterminadoseleccione HTML. Entonces elige Cerrar si es asi

3. Haga clic en el icono de papel como se muestra con la flecha para crear un nuevo documento.

4. 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 Notepad ++, tiene el siguiente aspecto:

6. Después de eso, guarde el documento seleccionando Archivo > Guardar.

7. Almacene en la ubicación que desee. Por ejemplo, guardo el documento en una carpeta Aprender HTML por nombre Documentos1.

8. Después de eso, haga doble clic en el documento que se guardó anteriormente. Después de ejecutarse en el navegador, los resultados serán así:

Una característica de Notepad ++ que me gusta es,la existencia de esta función (no sé cuál es el nombre de la función). Por ejemplo, cuando escribimos "<h ..", debajo se mostrarán varias etiquetas que comienzan con el prefijo "<h ..". Con esta función, será más fácil recordar las etiquetas que están en HTML.

Escribir código HTML

Consulte el segundo código HTML que se escribe a continuación y encuentre la diferencia:

El primer articulo

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

El segundo articulo

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

Si te das cuenta, el segundo artículo es mucho másordenado y agradable a la vista. Sin embargo, cuando se ejecutan los dos 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 sensible a mayúsculas y minúsculas lo que significa que no distingue entre escribir con letras mayúsculas o minúsculas, por ejemplo, <p> y <P> son lo mismo. Pero aun así, se recomienda usar solo letras minúsculas.

Bien, has ejecutado el documento correctamenteTu primer 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.

Leer más: