Manual Básico de HTML

Historia
1. Tiene como objetivo mostrar de la manera más sencilla, y basándose en la práctica y aplicación, como construir páginas HTML
  1. ¿En qué consiste el manual?
    1. guía de instrucciones
    2. explica los usos
    3. aplicaciones y resultados de varias etiquetas
    4. instrucciones de HTML
  2. Encabezados
    1. <html> <head> <title>Curso de HTML</title> </head> <body bgcolor="#C0D9D9" text="#000000"> <h1 align="center"> Bienvenidos al curso de HTML</h1><br> <hr align=center width=50%><br> <h2>Bienvenidos</h2> Cuando la temperatura es menor a 15°c hace bastante frío.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de página WEB :)<br> </body> </html>
¿Qué es HTML?
1. son las iniciales de Hiper Text Markup Language.
  1. conjunto o serie de etiquetas
  2. definen la estructura de un documento WWW
  3. vínculos con otros documentos
¿Por dónde comenzar?
1. donde crear el archivo texto que contendrá las instrucciones HTML (Hipertexto)
  1. Microsoft Front Page
  2. Hot Dog
  3. Microsoft Internet Assistant
  4. Microsoft Office 97
  5. Utilizar un editor de texto
Páginas WEB
1. Hipertexto
  1. archivo de texto
    1. contiene instrucciones
    2. son denominadas Etiquetas
2. Etiquetas
  1. <nombre de la etiqueta>
    1. Apertura de una etiqueta siempre entre “< >”
  2. texto/gráfico/etiquetas
    1. A la cual se aplica la etiqueta
  3. </nombre de la etiqueta>
    1. Cierra de la etiqueta siempre entre “</ >”
3. Estructura básica de una página WEB
  1. <html> <head> </head> <body> Bienvenidos al curso de HTML </body> </html>
Etiqueta: <title> </title>
1. <html> <head> <title>Curso de HTML</title> </head> <body> Bienvenidos al curso de HTML </body> </html>
Etiqueta <body> </body>
1. Bgcolor define el color de fondo de la página • Text define el color del texto de la página • Link define el color de los vínculos en la página • Alink define el color del vínculo actual o activado en la página • Vlink define el color del vínculo ya visitado • Background define el archivo gráfico que será desplegado como fondo • Bgsound define el archivo de audio que se tocará en la página.IE • Bgproperties define el movimiento vertical del fondo.IE
¿Cómo se utilizan los colores en HTML?
1. Se especifica el color deseado directamente con el nombre del color en ingles: Ej: blue, green, yellow
2. El color tiene un signo de numeral # antecediendo a los 6 números.
3. Existen dos números para cada color principal: rojo, verde y azul.
4. Cada uno de los números varía hexadecimal mente {0,1,2....,9,A,B,...F}.
5. <html> <head> <title>Curso de HTML</title> </head> <body bgcolor=”#C0D9D9” text=”#000000”> Bienvenidos al curso de HTML </body> </html>
Texto en HTML
1. <html> <head> <title>Curso de HTML</title> </head> <body bgcolor=”#C0D9D9” text=”#000000”> Bienvenidos al curso de HTML Cuando la temperatura es menor a 15°c hace bastante frío. Este es un ejemplo de página WEB :) </body> </html>
Etiqueta <br>
1. La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML
Etiqueta <hr>
1. La etiqueta <hr> dibuja de manera predeterminada una regla horizontal alineada automáticamente
  1. <html> <head> <title>Curso de HTML</title> </head> <body bgcolor="#C0D9D9" text="#000000"> Bienvenidos al curso de HTML<br> <hr align=center width=50%><br> Cuando la temperatura es menor a 15°c hace bastante frío.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de página WEB :)<br> </body> </html>
Etiqueta <img>
1. Se trata de otra etiqueta especial, pues no necesita de etiqueta de cierre
  1. Src identifica la imagen que se desplegará.
  2. Height para redimensionamiento de gráfico (en pixeles o en porcentaje)
  3. Width para redimensionamiento de gráfico (en pixeles o en porcentaje)
  4. Border Definido en pixels
  5. ALIGN Alineación, puede ser: TOP, MIDDLE, BOTTOM, LEFT y RIGHT
  6. ALT Especifica el texto alterno
Frames
1. Etiqueta <frameset> </frameset>
  1. Define la disposición gráfica de los marcos en la pantalla.
    1. Atributos
      1. Rows Determina el alto de las filas
      2. Cols Determina el ancho de las columnas.
      3. Framespacing Espacio entre frames
Etiqueta <noframes></noframes>
1. Etiqueta que es usada para desplegar un texto o una página alternativa
Etiqueta <address></address>
1. Ofrece una manera de dr formato a un pequeño cuerpo de texto
  1. <address>Roberto Rojas<br> POBOX 2282<br> La Paz – Bolivia</address>

Next up

Manual Básico de HTML

Description

Resource summary

Similar

	Created by Elvis cayambe over 7 years ago