Scribd
Cargar
15 vistas2 páginas

Introducción a HTML Básico

HTML es un lenguaje de marcado utilizado para estructurar y presentar contenido en páginas web, incluyendo texto, imágenes y tablas. Consiste en elementos que se encierran con etiquetas, las cuales definen la estructura y el formato del contenido. Además, los elementos pueden incluir atributos que proporcionan información adicional sobre ellos.

Cargado por

ARMANDO CARRILLO
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
15 vistas2 páginas

Introducción a HTML Básico

HTML es un lenguaje de marcado utilizado para estructurar y presentar contenido en páginas web, incluyendo texto, imágenes y tablas. Consiste en elementos que se encierran con etiquetas, las cuales definen la estructura y el formato del contenido. Además, los elementos pueden incluir atributos que proporcionan información adicional sobre ellos.

Cargado por

ARMANDO CARRILLO
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Conceptos básicos de HTML

Anterior

 Overview: Primeros pasos en la Web
 Siguiente

El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza


para estructurar y desplegar una página web y sus contenidos. Por
ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o
imágenes y tablas de datos. Como lo sugiere el título, este artículo te
dará una comprensión básica de HTML y cúal es su función.

Entonces, ¿qué es HTML en realidad?


HTML no es un lenguaje de programación; es un lenguaje de marcado que define la
estructura de tu contenido. HTML consiste en una serie de elementos que usarás para
encerrar diferentes partes del contenido para que se vean o comporten de una determinada
manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un
hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra,
etc. Por ejemplo, toma la siguiente línea de contenido:

HTMLCopy to Clipboard
Mi gato es muy gruñon

Si quieres especificar que se trata de un párrafo, podrías encerrar el texto con la etiqueta de
párrafo (<p>):

HTMLCopy to Clipboard
<p>Mi gato es muy gruñon</p>

Anatomía de un elemento HTML

Explora este párrafo en mayor profundidad.


Las partes principales del elemento son:

1. La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p),
encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde
comienza o empieza a tener efecto el elemento —en este caso, dónde es el
comienzo del párrafo—.
2. La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una
barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el
elemento —en este caso dónde termina el párrafo—.
3. El contenido: este es el contenido del elemento, que en este caso es sólo texto.
4. El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido
equivale al elemento.

Los elementos pueden también tener atributos, que se ven así:

Los atributos contienen información adicional acerca del elemento, la cual no quieres que
aparezca en el contenido real del elemento. Aquí class es el nombre del atributo y editor-
note el valor del atributo. En este caso, el atributo class permite darle al elemento un
nombre identificativo, que se puede utilizar luego para apuntarle al elemento información
de estilo y demás cosas.

Un atributo debe tener siempre:

1. Un espacio entre este y el nombre del elemento (o del atributo previo, si el elemento
ya posee uno o más atributos).
2. El nombre del atributo, seguido por un signo de igual (=).
3. Comillas de apertura y de cierre, encerrando el valor del atributo.

También podría gustarte