Estructura html

Navarrete Delgado Marcos

¿Qué es HTML?

HTML significa HyperText Markup Language. Es la etiqueta que define el inicio del

documento html, le indica al navegador que todo lo que viene a continuación debe

tratarlo como una serie de códigos html. Los documentos HTML son ficheros de texto

plano (también conocidos como ASCII) que pueden ser editados con cualquier editor

de texto (como Vim o el "Bloc de notas" de Windows).El nombre de los ficheros

escritos en lenguaje HTML suelen tener la extensión html.

Nociones Básicas de HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico,

como puede ser el Bloc de Notas de Windows (o Notepad), o cualquier otro editor que

admita texto sin formato como GNU Emacs, Microsoft Wordpad, Text Pad ? etc.

Existen además, otros programas para la realización de sitios Web o edición de código

HTML, como por ejemplo Microsoft Front Page, el cual tiene un formato básico

parecido al resto de los programas de Office. También existe el famoso software de

Adobe (quién adquirió la empresa Macromedia) llamado Dreamweaver, siendo uno de

los más utilizados en el ámbito de diseño y programación Web. Estos programas se les

conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que

ves es lo que obtienes”). Esto significa que son editores los cuales van mostrando el

resultado de lo que se está editando en tiempo real a medida que se va desarrollando

el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web,

sino que una forma un tanto más simple ya que estos programas, además de tener la

opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va

generando todo el código a medida que se va trabajando. Combinar estos dos

métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por

ejemplo; si estoy editando todo en HTML y de pronto olvido algún código o etiqueta,

simplemente me dirijo al editor visual o WYSIWYG y continuo ahí la edición, o

viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el

código de alguna característica que queramos adherirle al sitio, que buscar la opción

en el programa mismo.HTML utiliza etiquetas o marcas, que consisten en breves

instrucciones de comienzo y final, mediante las cuales se determinan la forma en la

que debe aparecer en su navegador el texto, así como también las imágenes y los

demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor

que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las

etiquetas se aplicarán de dos formas especiales:

Se abren y se cierran, como por ejemplo: negrilla que se vería en su navegador

como negrilla.

No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea

horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo .

Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”

“http://www.w3.org/TR/html4/strict.dtd”>

<html lang=“es”>

<head>

<title>Ejemplo</title>

</head>

<body>

ejemplo

</body>

</html>

Lenguaje HTML Básico.

Etiqueta Descripción

<!DOCTYPE>

StrictSe usa cuando se utilizan CSS.

TransitionalPresenta elementos en proceso de transición de acuerdo a los estándares del

W3C.Frames Debe usarse en documentos que incluyen frames

<html></html> Abre y cierra un documento HTML

<head></head> Encabezado de la página - aquí se coloca título, metatags, e información para buscadores entre otras cosas. Está información no es visible.

<body></body> Dentro de esta etiqueta va toda la parte visible de la página web

Etiquetas HTML de Texto

Etiquetas Descripción

<pre></pre> Texto pre-formateado

<hl></hl> Título más grande

<h6></h6> Título más pequeño

 Negritas

 Subrayado

 Cursivas

<tt></tt> Tipo máquina de escribir

<cite></cite> Cita, en cursiva

 Resalta una palabra, negrita o cursiva

 Resalta una palabra o grupo de palabras

<fontface=?> Coloca el tipo de letra: por ejemplo, arial, verdana,

courier,etc.<fontsize=?> Coloca tamaño de letra, de 1 a 7

 Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

Formato y Presentación


 Nuevo párrafo

 Alinea el párrafo hacia la izquierda, derecha o al centro

 Inserta un interlineado suave. Crea otra línea

<blockquote></blockquote>

Texto indentado de ambos lados

<dl></dl> Lista de definiciones (glosario)

<dt> Precede a cada término en definiciones

<dd> Precede cada definición

<ol></ol> Lista ordenada

<li></li> Entrada en una lista

<ul></ul> Lista con viñetas sin ordenar

<divalign=?> Para formato a porciones grandes del documento html, incluyendo hojas de estilo

Elementos Gráficos


<imgsrc="name"> Incorpora una imagen

<imgsrc="name" align=?> Alinea la imagen: izquierda, derecha y centro

<imgsrc="name" border=?> Determina el contorno de la imagen. Un valor 0 no tendrá contorno

<map></map> Mapa de imágenes

<body background="URL o ruta de archivo"></body>

Coloca la imagen como fondo de la página

<hr> Linea horizontal

<hrsize=?> Tamaño de una linea horizontal

<hrwidth=?> Ancho de linea horizontal, ya sea porcentaje o valor absoluto.

<hrnoshade> Linea horizontal sin sombra

Estructura html

Technology

Transcript of Estructura html