viernes, 1 de noviembre de 2019

HTML

¿Qué es?

TML 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.
Resultado de imagen de html

Estructura de la página

<HTML> … </HTML>

Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

<HEAD> … </HEAD>

Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.

<TITLE> … </TITLE>

Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.

Metadatos

La cabecera admite otras muchas etiquetas 

<BODY> … </BODY>

Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.
Admite atributos 


Estructura de un párrafo

El texto de la página se puede estructurar en encabezamientos de los diferentes apartados de la página, que pueden tener distintos niveles de 1 a 6 (siendo 1 el más importante) y párrafos normales.
<H1> ... </H1> o <H2> ... </H2> (hasta 6)
Párrafos que son encabezamientos (con distintos niveles).
<P>... </P>
Párrafos normales.
<P align="center">... </P>
El atributo align permite alinear el texto del párrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...
<BR>
Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.
<HR>
Pone una linea horizontal de separación. (admite atributos) (ver apuente 11.1).
<BLOCKQUOTE>…</BLOCKQUOTE>


Formatos de texto
El formato de caracteres 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)
Posibilidad de combinar etiquetas (anidándolas, esto es, una dentro de otra):
  • <B>…<I>…</I>…</B>            (Correcto)
  • <B>…<I>…</B>…</I>            (Incorrecto)

<FONT COLOR="red"> ... </FONT>

Indicación expresa del tipo de letra a usar, en este caso el color 

<FONT SIZE="+1"> ... </FONT>

Indicación expresa del tipo de letra a usar, en este caso el tamaño

La etiqueta FONT permite combinaciones cualesquiera de los atributos COLOR, SIZE y FACE



No hay comentarios:

Publicar un comentario