AkaIceDOCS

Introduccion

HTML es el lenguaje que utilizaremos para crear paginas web, vamos a comenzar creando un archivo llamado index.html, se le llama index ya que es el archivo principal que se utilizara para crear la pagina web y el .html es la forma en la que decimos que el archivo es de html.

Archivo index.html

Para poder empezar a crear nuestra pagina web tenemos que crear esta estructura: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Vamos a explicar que hace cada cosa de esta estructura html:

<!DOCTYPE html> : Es para indicarle al navegador quearemos trabajando con html5 moderno.

<html lang="en"></html> : Aqui adentro ira todo nuestro codigo html, tambien puedes ver que en la etiqueta dice lang="en", eso es para poder decirle a nuestro navegador el idioma de nuestra pagina, en este caso "en" es para ingles.

<head></head> : Aqui van cosas que necesita la pagina pero que no son visibles para el usuario.

<meta charset="UTF-8"> : Sirve para definir la codificacion de caracteres de un documento web, asegurando que el navegador interprete y muestre correctamente todo tipo de texto, incluyendo tildes, la "ñ", emojis y simbolos internacionales.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Se utiliza para indicar a los navegadores moviles como controlar las dimensiones y la escala de la pagina web.

<title>Document</title> : Aqui ira el nombre de la pestana de la pagina, en este campo puedes poner lo que quieras y saldra en la pestana de la pagina.

Vamos a ver un ejemplo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AkaIce</title>
</head>
<body>
    
</body>
</html>
Pestaña del navegador

Otro ejemplo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Curso</title>
</head>
<body>
    
</body>
</html>
Pestaña del navegador

<body></body> : Aqui adentro ira todo nuestro html, aqui se creara como tal la pagina.

Como puedes ver hay algunas etiquetas como <html></html> que tienen dos etiquetas y hay etiquetas que solo tiene una etiqueta como <meta charset="UTF-8">.

Hay etiquetas que requeriran dos etiquetas <etiqueta></etiqueta> para poder crear cosas adentro de esa etiqueta, para poder cerrar la etiqueta es OBLIGATORIO que la etiqueta lleve un / al inicio </etiqueta>.

Siguiente