1. ¿Qué es HTML?
HTML significa HyperTextMarkupLanguage. 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 WhatYouSeeIsWhatYouGet (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
Navarrete Delgado Marcos
2. 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: <b>negrilla</b> 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 <p>.
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>
<p>ejemplo</p>
</body>
</html>
Navarrete Delgado Marcos
3. Lenguaje HTML Básico.
Etiqueta Descripción
<!DOCTYPE>
Se usa cuando se utilizan CSS.
Strict
Presenta elementos en proceso de transición de acuerdo a los estándares del
Transitional 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
<b></b> Negritas
<u></u> Subrayado
<i></i> Cursivas
<tt></tt> Tipo máquina de escribir
<cite></cite> Cita, en cursiva
Navarrete Delgado Marcos
4. <em></em> Resalta una palabra, negrita o cursiva
<strong></strong> Resalta una palabra o grupo de palabras
<fontface=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana,
courier,etc.
<fontsize=?></font> Coloca tamaño de letra, de 1 a 7
<font color=?></font> Configura el color, usand valor hexadecimal o nombre
directo (blue, green, etc.)
Formato y Presentación
Etiquetas Descripción
<p></p> Nuevo párrafo
<p align=?> Alinea el párrafo hacia la izquierda, derecha o al centro
<br> Inserta un interlineado suave. Crea otra línea
<blockquote> Texto indentado de ambos lados
</blockquote>
<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
Navarrete Delgado Marcos
5. Elementos Gráficos
Etiquetas Descripción
<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 Coloca la imagen como fondo de la página
archivo"></body>
<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
Navarrete Delgado Marcos