Page 1

ETIQUETAS BÁSICAS: HTML

TODO SOBRE LAS ETIQUETAS ESENCIALES PARA INICIAR A CREAR PÁGINAS WEB

3 EN 1 ELEMENTOS SENCILLOS PARA ORGANIZAR TU DOCUMENTO

¿ELEMENTOS OBSOLETOS?

ELEMENTOS NO COMPATIBLES CON HTML5, REEMPLAZADOS POR CSS, María F. Deffitt. 27.894.421. UBA, ECOS. Informática III.

Arcturus Free PowerPoint Template

PERSONALIZACIÓN CON COLORES RBG Y ALINEACIÓN DE IMÁGENES CREANDO DOCUMENTOS HTML LA GUÍA SENCILLA ACERCA DE ESTE TIPO DE DOCUMENTOS EN EL MUNDO DE LA INFORMÁTICA.


INDICE

01

02

03

‘ Cabecera de la PAgina HTML, HEAD, TITLE.

Cuerpo del Documento BODY.

Fondos y Colores de Texto BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK.

04

05

06

ETIQUETAS HTML BÁSICAS

‘ Headers o Titulos H1, H2, H3, H4, H5, H6.

TamaNo de la Letra y Color FONT COLOR, SIZE.

‘ ImAgenes IMG, ALIGN TOP, MIDDLE, BOTTOM.

2


Sobre las etiquetas html Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML. Las etiquetas o tags son la forma de escribir código HTML. En HTML existen etiquetas de apertura y etiquetas de cierre,

tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.


<html> </html>

html El elemento <html> constituye la raíz de todo documento HTML bien formado y se supone que encierre a todos los demás elementos entre sus etiquetas. Su etiqueta de cierre siendo </html>.

<head> </head>

head Cabecera de la Página

El elemento <head>, junto con su etiqueta de cierre </head>, es el contenedor de una serie de elementos que proveen metadatos para el documento. Estos metadatos pueden especificar el título, el juego de caracteres, el autor, la descripción del documento, entre otros.

4


<title> </title>

TITLE

Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada. Sus etiquetas son: <title> y </title> (ambas obligatorias).

ETIQUETAS HTML BÁSICAS

5


<body> </body>

BODY El elemento <body>, con su etiqueta de cierre </body> es el contenedor para todos los aspectos representables de un documento. Este es el lugar donde los autores arrojan todos los elementos y contenidos que sus visitantes alcanzarรกn. El elemento body es parte de la estructura bรกsica de un documento.

Cuerpo del Documento

6


(bgcolor=“#000000”)

BGCOLOR Es un atributo que representa un color para rellenar el fondo del elemento. El atributo bgcolor ha sido removido del estándar HTML5 debido a su naturaleza presentacional.

Fondos y Colores de Texto

(background=“URL”)

BACKGROUND Contiene el URL de una imagen que será utilizada para cubrir el fondo del elemento. Igual que el atributo anterior, sus efectos pueden ser perfectamente logrados con hojas de estilo. 7


(text=“#000000”)

text Se trata de un atributo que permite

Este atributo también se ha vuelto obsoleto

seleccionar un color predeterminado para el

en HTML5 debido a su naturaleza

texto normal dentro del elemento.

presentacional; y su uso ya no es válido.

The Power of PowerPoint | thepopp.com

8


link

vlink

alink

El color predeterminado del texto en

El color por defecto para los vínculos

El color por defecto que todos

todos los vínculos dentro del

dentro del elemento, que ya han sido

los elementos a contenidos por el

elemento.

visitados.

elemento tendrán cuando el puntero

Expresado como

Expresado como

del mouse se encuentre sobre ellos.

link="#000000“.

vlink="#000000“.

Expresado como alink="#000000“.

ETIQUETAS HTML BÁSICAS

9


<hN> </hN>

headers Los elemento de cabecera implementan seis niveles de cabeceras de documentos; Son títulos que definen secciones implícitas en el documento y organizan el contenido en una estructura jerárquica. Un elemento de cabecera describe brevemente el tema de la sección que introduce.

H1

H4

Headers o Títulos H2

H5

H3

H6

10


<font> </ font >

font Indica el tamaño, color, o fuente del texto que contiene. Es igualmente considerada obsoleta en el HTLM5 y no puede ser utilizada. Entre sus atributos están font face o family (que permite modificar el estilo de fuente), size y color.

Tamaño de la Letra y Color

color

Size Es un atributo que modifica el tamaño de la fuente. Según una tabla del 1 al 7. Se colocaba como size=“ ”.

Es un atributo que permite modificar el color del texto, indicado por un color RGB. Se colocaba como color=“ ”.

11


<img src= “ ”>

img El elemento <img>, representa a una imagen, lo cual es un recurso externo que puede ser incrustado en el cuerpo de un documento. La ubicación de dicho recurso externo (URL) debe especificarse en el atributo src.

width Como atributo, es un número de píxeles que indica el ancho que la imagen tomará cuando sea incrustada en el documento. Se coloca como width=“

”.

height Un atributo en el que se representa el número de píxeles que indica la altura que la imagen tomará cuando sea incrustada en el documento. Se coloca como height=“ ”.

12

Imágenes


align=“ "

ALINEACIÓN El atributo align es un valor que indica cómo el elemento debería estar alineado respecto de sus alrededores. Existen cinco valores posibles, insensibles a mayúsculas/minúsculas: top, middle, bottom, left, y right. Este atributo se ha vuelto obsoleto en HTML5 debido a su naturaleza visual.

Align Top

Align Middle

Align Bottom

El borde superior de la imagen se alinea verticalmente con la línea base (align=“top").

La imagen es centrada

La parte inferior de la imagen

verticalmente con

se alinea verticalmente con

respecto a la línea base

la parte inferior de toda la

(align=“middle").

línea. Este es el valor por defecto (align=“bottom").

ETIQUETAS HTML BÁSICAS

13


CREANDO DOCUMENTOS HTML

¿Que significa HTML y que es?

¿Para que sirve HTML?

HTML significa "Lenguaje de Marcado de Hipertexto" por sus

Básicamente el lenguaje HTML sirve para describir la estructura

siglas en ingles "HyperText Markup Language", es un lenguaje

básica de una página y organizar la forma en que se mostrará

que pertenece a la familia de los "lenguajes de marcado" y es

su contenido, además de que HTML permite incluir enlaces

utilizado para la elaboración de páginas web. El estándar HTML

(links) hacia otras páginas o documentos.

lo define la W3C (World Wide Web Consortium) y actualmente

HTML se encuentra en su versión HTML5.

ETIQUETAS HTML BÁSICAS

14


EDICION: ETIQUETAS HTML BASICAS HTML (HyperText Markup Language) es el lenguaje utilizado

para la creaciรณn de pรกginas web.

Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que se utilizan para escribir cรณdigo HTML, en HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>.

15

Revista Digital de Elementos HTML  

Revista Digital de Elementos, Etiquetas y Atributos Básicos en HTML, curso de Informática Nivel III para la ECOS de la Universidad Bicentena...

Revista Digital de Elementos HTML  

Revista Digital de Elementos, Etiquetas y Atributos Básicos en HTML, curso de Informática Nivel III para la ECOS de la Universidad Bicentena...

Advertisement