HTML

Unidad 1: visión de conjunto
¿que es el Html?
HTML significa H yper T ext M arkup L language.
A diferencia de un lenguaje de programación o scripting que usa scripts para

realizar funciones, un lenguaje de marcado usa etiquetas para identificar el
contenido.
Aquí hay un ejemplo de una etiqueta HTML:

 Soy un párrafo 
La estructura web
La capacidad de codificar usando HTML es esencial para cualquier profesional de la

web. La adquisición de esta habilidad debería ser el punto de partida para cualquiera que
esté aprendiendo a crear contenido para la web.
Diseño web moderno
HTML : Estructura
CSS : Presentación
JavaScript : Comportamiento
PHP o similar : Backend

CMS : Content Management
Estructura básica del documento html
La etiqueta <html>
Aunque se han lanzado varias versiones a lo largo de los años, los conceptos básicos de
HTML siguen siendo los mismos.
La estructura de un documento HTML se ha comparado con la de un sandwich. Como un
emparedado tiene dos rebanadas de pan, el documento HTML tiene etiquetas HTML de
apertura y cierre.
Estas etiquetas, como el pan en un sándwich, rodean todo lo demás:

<html>
...
</html>
Nota: Todo en un documento HTML está rodeado por la etiqueta <html> .

La etiqueta <head>
Inmediatamente después de la etiqueta HTML de apertura, encontrará el encabezado del

documento, que se identifica abriendo y cerrando etiquetas de encabezado.
El encabezado de un archivo HTML contiene todos los elementos no visuales que ayudan
a que la página funcione.
<html>
<head>
...
</head>
</html>
Nota: Los elementos de la sección del encabezado se discutirán más adelante.

La etiqueta <body>
La etiqueta del cuerpo sigue a la etiqueta de la cabeza.

Todos los elementos visuales-estructurales están contenidos dentro de la etiqueta del
cuerpo.
Los encabezados, párrafos, listas, citas, imágenes y enlaces son solo algunos de los
elementos que pueden estar contenidos dentro de la etiqueta del cuerpo.
Estructura HTML básica:

<html>
<head>
</head>
<body>
</body>
</html>
Nota: La etiqueta <body> define el contenido principal del documento HTML.
Creando tu primera página HTML
Los archivos HTML son archivos de texto, por lo que puede usar cualquier editor de
texto para crear su primera página web.
Hay algunos editores HTML muy buenos disponibles; Puedes elegir el que más te
convenga. Por ahora escribamos nuestros ejemplos en el Bloc de notas .
Nota: Puede ejecutar, guardar y compartir sus códigos HTML en nuestro Code Playground,
sin instalar ningún software adicional.
El archivo HTML
Agregue la estructura HTML básica al editor de texto con "Esta es una línea de
texto" en la sección del cuerpo.
<html>
<head>
</head>
<body>
Esta es una línea de texto.
</body>
</html>
En nuestro ejemplo, el archivo se guarda como first.html
Cuando se abre el archivo, se muestra el siguiente resultado en el navegador web:
Nota: No olvide guardar el archivo.

Los nombres de los archivos HTML deben terminar en
.html
o
.htm
La etiqueta <title>
Para colocar un título en la pestaña que describe la página web, agregue

un elemento <title> a su sección principal:
<html>
<head>
<title> primera página </title>
</head>
<body>
</body>
</html>
Esto producirá el siguiente resultado:
Nota: El elemento de título es importante porque describe la página y es utilizado por los
motores de búsqueda.
Crear un blog
A lo largo de este curso, lo ayudaremos a practicar y crear su propio proyecto de blog
único, para que conserve lo que ha aprendido y pueda ponerlo en práctica. Simplemente
continúe y siga las instrucciones en la sección TAREA. Así es como se verá su página de
blog terminada.
TAREA: Toque Pruébelo usted mismo para ver el código y su salida.
<html>
<head>
<title> Mi blog </title>
</head>
<body>
...
No tengas miedo a los códigos largos. Cuando completes el curso, todo tendrá sentido y
se verá muy factible. Te lo garantizamos!
TAREA:
1. Abra el código.
2. En el encabezado superior, cambie el nombre a su propio nombre.
3. Cambie el título de la página. Recuerde, el título de la página se encuentra dentro de la
etiqueta <title> en el <head> de la página.
Prueba Módulo 1
¿Qué es el HTML?
Lenguaje de marcado
Biblioteca de hipertexto
Lenguaje de programación
Lenguaje de escritura
¿De qué partes principales consta el archivo HTML?
manos y pies
ojos y boca
cabeza y cuerpo
encabezado y pié de página
¿Qué etiqueta contiene la parte visual de la página web?
<__> body
Rellenar los espacios en blanco:
<html>
<head>
</ ___ >
<body>
</ __ >
</html>
Unidad 2: conceptos básicos de HTML

Los párrafos
La Element
Para crear un párrafo, simplemente escriba el elemento con sus etiquetas de
apertura y cierre:
<html>
<head>
</head>
<body> Este es un párrafo. Este es otro párrafo. </body> </html>
Salto de línea individual
Use la etiqueta para agregar una sola línea de texto sin comenzar un nuevo
párrafo:
<html>
<head>
</head>
<body>
 Este es un párrafo. 

 Este es otro párrafo. 
 Esto es un salto de línea 
</body>
</html>
Nota: El elemento es un elemento HTML vacío. No tiene etiqueta final.
Salto de línea individual
Al abrir el archivo HTML en el navegador, se muestra que se ha agregado un solo

salto de línea al párrafo:
Nota: El elemento no tiene etiqueta final.

HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML

Cargado por

Copyright:

Formatos disponibles

Unidad 1: visión de conjunto

A diferencia de un lenguaje de programación o scripting que usa scripts para

Aquí hay un ejemplo de una etiqueta HTML:

La capacidad de codificar usando HTML es esencial para cualquier profesional de la

Diseño web moderno

PHP o similar : Backend

Estructura básica del documento html

Estas etiquetas, como el pan en un sándwich, rodean todo lo demás:

Nota: Todo en un documento HTML está rodeado por la etiqueta <html> .

Inmediatamente después de la etiqueta HTML de apertura, encontrará el encabezado del

Nota: Los elementos de la sección del encabezado se discutirán más adelante.

La etiqueta del cuerpo sigue a la etiqueta de la cabeza.

Estructura HTML básica:

En nuestro ejemplo, el archivo se guarda como first.html

Cuando se abre el archivo, se muestra el siguiente resultado en el navegador web:

Nota: No olvide guardar el archivo.

Para colocar un título en la pestaña que describe la página web, agregue

¿De qué partes principales consta el archivo HTML?

¿Qué etiqueta contiene la parte visual de la página web?

Rellenar los espacios en blanco:

</ ___ >

Esta es una línea de texto.

Unidad 2: conceptos básicos de HTML

<title> primera página </title>

Salto de línea individual

<title> primera página </title>

<p> Este es un párrafo. </p>

<p> Esto es <br /> un salto de línea </p>

Salto de línea individual

Al abrir el archivo HTML en el navegador, se muestra que se ha agregado un solo

También podría gustarte