Introduccion a HTML

September 09 de 2021

Class Plan

Topic:¿Que es html?

Keywords:

• HyperText
• HTML
• etiquetas
• navegadores 
• Editores Web

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas    de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

Para qué sirve el HTML

EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).

Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.

Para la escritura de este lenguaje, pues, se crean las etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).

Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP.

Ahora como construyo mi pagina web html usando block de notas (NOTEPAD)

<!DOCTYPE html>
<html>

<head>
<title>Mi sitio web</title>
</head>

<body>

<h1>¡Bienvenidos!</h1>
<p>Este es mi sitio web. ¡Espero que les guste!</p>
<p><b>Este texto está en negrita para enfatizarlo.</b></p>
<p><i>La cursiva a veces puede ser aterradora.</i></p>

</body>
</html>

Explicacion:

1. <html> (Etiqueta que indica que lo que viene a continuación es un documento HTML)
2. <head>(Etiqueta de apertura de la cabecera)Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecera en la barra de título de la parte superior 
3. </head>(Etiqueta de cierre de la cabecera)
4. <body>(Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla. 
5. </body>(Etiqueta de cierre del cuerpo)
6. </html>(Etiqueta de cierre del documento)

 

GUIA PARA DESARROLLAR UNA PAGINA WEB CON HTML DESDE BLOCK DENOTAS (NOTEPAD)

GUIA