Lenguaje MTML

 HTML es el lenguaje con el que se define el contenido de las páginas web, este se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia.



La estructura de una pagina web esta conformada por textos, imágenes, vídeos, etc... Y se organizan dentro de la página de la forma que facilite su entendimiento y  mejore su uso, eta además para poder logran una estructura correcta debe tener elementos como:

  • Cabecera o header: normalmente se coloca en la parte superior de la página y posee el menú, una pequeña descripción, el nombre de la web y otros diversos elementos.
  • Logo: es la marca que representa a la página
  • Menú: es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el header.
  • Cuerpo de la página o body: donde introducimos los contenidos principales y se encuentra el desarrollo del tema en cuestión.
  • Pie de página o footer: se encuentra en la parte inferior de la web y pose elementos como cierre, copyright, créditos,  referencias, entre otros

El lenguaje HTML está conformado por un sistema de etiquetas en serie o tags, que incluyen instrucciones que los navegadores traducen como:

  • Imágenes
  • Texto
  • Hipervínculos
  • Listas de palabras
  • Tablas, etc.

Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe tener dos partes: una etiqueta de inicio (<etiqueta>) y una de cierre (</etiqueta>) entre guiones (< >).

Por ejemplo, las etiquetas <strong> y </strong> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código: 

<strong>Este texto va en negritas.</strong>

<html>
<head>
  <title>Primera pagina de Pepe</title>
</head>
<body>
&Eacute;sta es la primera p&aacute;gina de Pepe
</body>
</html>


El formato de caracteres o de texto permite cambiar tanto el tipo de fuente como su tamaño y aspecto.
Se pueden utilizar varias etiquetas HTML para dar distintos formatos a un grupo de caracteres:

Formatos Físicos:

  • Negrita:        <B>…</B>
  • Cursiva:        <I>…</I>
  • Subrayado:        <U>…</U>
  • Teletipo:        <TT>…</TT>
  • Tachado:        <STRIKE>…</STRIKE>
  • Grande:        <BIG>…</BIG>
  • Pequeña:        <SMALL>…</SMALL>
  • Superíndice:        <SUP>…</SUP>
  • Subíndice:        <SUB>…</SUB>

Formatos Lógicos:

  • Cita:            <CITE>…</CITE>
  • Código:        <CODE>…</CODE>
  • Definición:        <DFN>…</DFN>
  • Énfasis:        <EM>…</EM>
  • Grueso:        <STRONG>…</STRONG>
  • Palabras clave:    <KEY>…</KEY>
  • Ejemplos:        <SAMP>…</SAMP>
  • Usuario:        <KBD>…</KBD>
  • Variables:        <VAR>…</VAR>
  • Ejemplo literal:    <XMP>...</XMP> (ignora las etiquetas HTML de dentro)
El html no utiliza un lenguaje de programación como los demás sino que este  usa etiquetas o elementos para identificar los distintos tipos de contenido. Estas etiquetas tienen nombres bastante intuitivos: etiquetas de encabezado, etiquetas de párrafo, etiquetas de imagen, etc. Cada página web se compone de un montón de estas etiquetas HTML que identifican cada tipo de contenido en la página. 
Para poder crear una nueva página web HTML, se debeabrir un editor de texto, como es el caso del Bloc de notas. Se puedes usar sin ningún inconveniente el que viene predeterminado en Windows. Una vez que se haya abierto el nuevo archivo, se puede comenzar escribiendo este código.
  • <!DOCTYPE HTML>
  • <HTML>
  • <HEAD>
  • <TITLE> DEBES ESCRIBIR EL TITULO DE TU WEB </TITLE>
  • <META name="description" content=">donde escribirás una breve descripción de la página">
  • <META name="keywords" content="Aquí escribe las palabras clave separadas por una coma">
  • </HEAD>
  • <BODY>
  • </BODY>
  • </HTML>

Webgrafia

  • https://desarrolloweb.com/articulos/que-es-html.html

  • http://www.rafelsanso.com/la-estructura-de-una-pagina-web/

  • https://rafarjonilla.com/que-es/header/

  • https://www.ycoinbound.com/blog/lenguajes-de-programaci%C3%B3n-html-css-y-javascript

  • https://okdiario.com/howto/como-hacer-web-html-2187739#:~:text=Encabezado%20de%20la%20p%C3%A1gina%20web,puedes%20comenzar%20escribiendo%20este%20c%C3%B3digo. 

Comentarios

Publicar un comentario