Manual HTML
Enviado por azul215 • 2 de Mayo de 2013 • 1.212 Palabras (5 Páginas) • 296 Visitas
DISEÑO Y ELABORACIÓN DE PAGINAS WEB
MANUAL HTML
LUIS ROBERTO ACUA GUTIERRREZ
08/04/2013
INDICE
USO DE LOS ELEMENTOS DEL LENGUAJE HTML 2
MANEJO DE TEXTO EN LAS PÁGINAS. 3
VINCULACIÓN ENTRE PÁGINAS DEL SITIO 5
MANEJO DE LISTAS 5
INCORPORACIÓN DE ELEMENTOS MULTIMEDIA 6
MANEJO DE TABLAS 8
MANEJO DE FORMULARIOS 9
ORGANIZACIÓN DE CARPETAS QUE CONTIENEN LA INFORMACIÓN DEL SITIO 11
PRESENTACIÓN DEL CODIGO 12
USO DE LOS ELEMENTOS DEL LENGUAJE HTML
ETIQUETA DESCRIPCIÓN SINTAXIS
<HTML> Abre y cierra un documento HTML <html>…………………….......
…………………………………..</html>
<HEAD> Encabezado de la página. Esta información no es visible. <head>……………</head>
<BODY> El elemento body actúa como contenedor para todo el contenido representable del documento. <body>………………………
……………………………….</body>
NORMAS EN XHTML
Norma número 1: Hay que hacer una declaración del tipo de documento (doctype) En HTML también se puede hacer pero no es obligatorio. En XHTML es obligatorio. Al comienzo del documento por encima de la etiqueta <html> hay que escribir la siguiente declaración:
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
Norma número 2: La etiqueta <html> debe llevar el namespace declarado en el atributo xmlns. El siguiente texto:
<html xmlns="http://www.w3.org/1999/xhtml">
Norma número 3: Todas las etiquetas (exceptuando la declaración, norma 1) y sus atributos, tienen que escribirse con letras minúsculas. En HTML se pueden escribir con mayúsculas o minúsculas. En XHTML todas deben ser minúsculas.
Norma número 4: La etiqueta <head> (y por supuesto la <body>) son absolutamente obligatorias.
En HTML si no poníamos la <head> no pasaba nada...
Norma número 5: La anidación de las etiquetas y sus cierres debe hacerse respetando las simetrías correspondientes: Lo que primero se abre, se cierra lo último.
Por ejemplo:
<p> Marcar con <b> negrita <u> subrayado y <i> cursiva</i></u></b></p>
MANEJO DE TEXTO EN LAS PÁGINAS.
ETIQUETA DESCRIPCIÓN SINTAXIS
<P> Etiqueta para añadir un nuevo párrafo. <p align="center">Antes que nada estuvo Caos, se presume era algo informe,………..></p>
<h1>…<h6> Etiqueta de encabezamiento grande a pequeño. <h1></h1>……<h6></h6>
<em> Le da énfasis a su contenido. <em>se presume era algo informe, incoloro, difícil de describir e imaginar, no era un Dios;</em>
<strong> Indica un énfasis fuerte o marcado para su contenido. <strong>ellos fueron doce y se les denominaban titanes:</strong>
<ins> Contiene texto que ha sido insertado en el documento. <ins>Antes que nada estuvo Caos,</ins>
<del> Contiene texto que se ha eliminado del documento. <del> pero resultaron ser monstruos,</del>
<blockquote> Inserta citas en forma de bloque. <blockquote>"La literatura es el testimonio de la vida y de la humanidad"</blockquote>
<cite> Inserta una cita o referencia a otros recursos. <cite>La literatura está tan íntimamente ligada</cite>
<abbr> Contiene texto abreviado y es comúnmente utilizado junto con el atributo "title" para expandir/explicar la abreviación.
Cada <abbr title="hora">hr.</abbr> el Universo se expande.
<acronym> Define a su contenido como un acrónimo, y es comúnmente utilizado junto con el atributo "title" para expandir/explicar al acrónimo.
Más de mil millones de <acronym title="Kilómetros"> Km.</acronym> en todas direcciones.
<dfn> Contiene un término que es descripto por el párrafo que lo contiene. Un <dfn>archivo de hojas de estilo en cascada</dfn>
<br> Da un salto de línea. <br>
<pre> Inserta un bloque de texto preformateado. <pre> </pre>
<code> Inserta texto que representa código de computadora. <code>
function mostrar(msj)<br />
<br />
alert("El mensaje es: "+msj);<br />
mostrado = true;<br />
}<br />
</code>
VINCULACIÓN ENTRE PÁGINAS DEL SITIO
ETIQUETA DESCRIPCIÓN SINTAXIS
<a> Define un ancla y puede ser usado para establecer un vínculo a otro documento, como un marcador, o como ambos. <a> ……….</a>
<a href=”url”> Hipervínculo. <a href= "http://www.google.com">IR A GOOGLE</a>
<a href=”mailto”> Envío de correo. <a href="mailto:wicho_rag@hotmail.com">Envio de correo electronico</a>
MANEJO DE LISTAS
ETIQUETA DESCRIPCION SINTAXIS
<ul> Listas con viñetas sin ordenar. <ul>……./ul>
<li> Entrada en una lista. <li>.……</li>
<ol> Lista ordenada. <ol>…..</ol>
<dl> Lista de definiciones. <dl>…..</dl>
<dt> Precede a cada término en definiciones. <dt>.…</dt>
<dd> Precede cada definición. <dd>…</dd>
INCORPORACIÓN DE ELEMENTOS MULTIMEDIA
ETIQUETA ATRIBUTO DESCRIPCIÓN SINTAXIS
<img> src Incorpora una imagen <IMG SRC= "IMAGES.JPG" alt="Ejemplo con el atributo Alt" width="250" heigth="350"></IMG>
alt Este atributo inserta texto alternativo.
name Este atributo provee un nombre para la variable que se supone, es conocido por la aplicación.
heigth Este atributo indica el alto de la imagen.
width Este atributo indica el ancho de la imagen.
ETIQUETA DESCRIPCION SINTAXIS
<param> Es usado para definir variables en aplicaciones externas (insertadas
...