2. • HTML es el lenguaje con el que se definen las páginas
web. Básicamente se trata de un conjunto de etiquetas que
sirven para definir el texto y otros elementos que
compondrán una página web.
¿Qué es HTML?
3. • El HTML se creó en un principio con objetivos
divulgativos de información con texto y algunas
imágenes. No se pensó que llegaría a ser utilizado para
crear área de ocio y consulta con carácter multimedia (lo
que es actualmente la web),
¿Para que sirve?
4. La estructura básica de una página web es
la siguiente:
<html>
<head></head>
<body>
</body>
</html>
Estructura base de una
pagina web
5. • Una estructura HTML se empieza con la etiqueta <html>
y acaba con </html>. Todo lo que esté en medio será la
página web.
Estructura base de una
pagina web
6. • La primera <head></head> es la cabecera de la página.
Aquí irán cierta información que no es directamente el
contenido de la página. Aquí se pone el título de la
página.
Estructura base de una
pagina web
7. • La segunda parte es <body></body>. Aquí va
propiamente el contenido de la página: fotos, párrafos,
formularios, etc.
Estructura base de una
pagina web
8. Una etiqueta será un texto incluido entre los
símbolos menor que < y mayor que >.. El texto incluido
dentro de los símbolos será explicativo de la utilidad de la
etiqueta. Por ejemplo:
<B> Letra Negrita, del inglés Bold (negrita).
<TABLE> Definirá una tabla.
<IMG> Inclusión de una IMaGen.
¿Qué es una etiqueta de
HTML?
9. • los elementos sirven para estructurar el contenido de todo
el documento HTML e indican al navegador cómo
debería presentarse el sitio web. En algunos elementos se
puede añadir más información. Esa información extra se
denomina atributo.
• Ejemplo :
• <h2 style="background-color:#ff0000;">Mi amistad
con HTML</h2>
Atributo de HTML
10. Es imprescindible conocer estas etiquetas y su
funcionamiento para poder crear o al menos modificar una
página web.
Etiquetas básicas para
formar una pagina web
11. • Ejemplo de página básica
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor
tamaño</h3>
<p>Este es el texto de un
párrafo.</p>
<p>Este es el texto de otro párrafo.
Dentro de este párrafo,
pueden ir palabras <b>en
negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas
como la siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body>
</html>
Etiquetas básicas para
formar una pagina web