MANUAL BÁSICO DE HTML

Manual Básico de HTML
1. Se trata de un manual y guía de instrucciones a la vez, que explica los usos, aplicaciones y resultados de varias etiquetas (instrucciones) de HTML
¿Qué es HTML?
1. Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos con otros documentos
¿Por dónde comenzar?
1. Lo primero es saber donde crear el archivo texto que contendrá las instrucciones HTML (Hipertexto
  1. Páginas WEB
    1. El Hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de Internet. Estas instrucciones son denominadas Etiquetas.
  2. Etiquetas
    1. Una etiqueta cumple su función de la siguiente manera: <nombre de la etiqueta> Apertura de una etiqueta siempre entre “< >”
  3. Estructura básica de una página WEB
    1. Una página web esta compuesta de 2 partes: el encabezamiento y el cuerpo de la página. Paralelamente a esto, existen tres etiquetas fundamentales, las mismas que deben estar incluidas en el archivo HTML de manera obligatoria
      1. <html> </html> Indica al navegador que el documento texto que esta leyendo es un documento HTML. Esta etiqueta se abre al inicio del archivo y se cierra al final del mismo.
      2. <head> </head> Acá se detalla el encabezado de la página WEB. Esta etiqueta se abre luego de <html>.
      3. <body> </body> Cuerpo de la página donde se despliega el contenido global
¿Cómo se utilizan los colores en HTML?
1. Se pueden llegar a tener 16 millones de colores en una página web
  1. 1. Se especifica el color deseado directamente con el nombre del color en ingles: Ej: blue, green, yellow
  2. 2. Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA
Texto en HTML
1. HTML fue creado en principio para el alfabeto en inglés, sin embargo se buscaron modos para mostrar también caracteres o símbolos denominados especiales. Para utilizar caracteres especiales usaremos los símbolos & y ; para denotar el inicio y final respectivamente de un símbolo especial
Encabezados
1. Las etiquetas <h1> </h1> al <h6> </h6> (acrónimos de “heading 1..6”) son encabezados del cuerpo del texto. El encabezamiento <h1> nos proporciona las letras de mayor tamaño.
Ubicación, formato y atributos de texto
1. Etiqueta <center> </center> Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre.
2. Etiqueta <b> </b> Esta es la etiqueta que nos posibilita un texto con negrillas.
3. Etiqueta <u> </u> Etiqueta que posibilita resaltar un texto con subrayado
4. Etiqueta <i> </i> Etiqueta que permite resaltar el texto con inclinación itálica.
Imágenes en HTML
1. Comenzemos a introducir gráficos en nuestra página HTML. Se deben tener dos consideraciones importantes para trabajar con gráficos: Los únicos formatos, que por ahora soportan los visualizadores son: *.gif y *.jpg o *.jpeg.
Tablas
1. En HTML también podemos incluir arreglos de tablas. Se deben utilizar varias etiquetas:
  1. Etiqueta <table></table> Señala el inicio y final de una tabla. Sus atributos son: • Align,• Bgcolor,• Border,• BorderColo,• BorderDark,• BorderLight,• Caption ,• Cellpadding , Cellspacing,
  2. Etiqueta <th> </th> Indica al navegador cliente que exhiba el texto como un encabezado en la primera fila de una tabla. Atributos principales: Colspan ,Align
  3. Etiqueta <tr> </tr> Indica al navegador que exhiba el texto dentro de una fila; puede también interpretarse como la etiqueta que define filas., Align
  4. Etiqueta <td> </td> La etiqueta de datos de la tabla, es la que identifica a las columnas o celdas específicas de una tabla. Atributos principales: , Align , ,Background, Width
Numeración y viñetas
1. En HTML todo es posible, y tal cual en un editor de texto podemos trabajar con numeración y viñetas, lo podemos hacer acá.
  1. Etiqueta <ul> </ul> Indica al navegador que cree una lista con viñetas no ordenada.
  2. Etiqueta <ol> </ol> Listas ordenadas, esta etiqueta predeterminada indica al navegador que numera la lista de elementos comprendidos dentro de las etiquetas <ol>
  3. Etiqueta <li> </li> Se usa para indicar al navegador que exhiba el texto que le sigue como un elemento de línea en una lista. Atributos: • Type ,• Value
Hipervínculos
1. Un vínculo hipertextual es un texto, botón o imagen que al seleccionar nos lleva a otra dirección URL, página WEB o recurso.
  1. Etiqueta <A> </A> La etiqueta <A> que viene de “ancla”, denota el inicio y el final de una instrucción que contiene alguna forma de vínculo o hipervínculo. Esta etiqueta permite al usuario vincularse a otra ubicación dentro del mismo documento HTML, a otro sitio WEB, a un servidor FTP, enlace de correo electrónico, ... Atributos: ,• HREF ,• NAME ,• TARGET
Frames
1. Ofrece la posibilidad de utilizar marcos y varias páginas en una sola.
  1. Etiqueta <frameset> </frameset> Define la disposición gráfica de los marcos en la pantalla. Atributos: • Rows , Cols, • Framespacing
  2. Etiqueta <frame></frame> Define un solo marco que forma parte del conjunto de marcos definidos en <frameset>.Sus atributos son: ,• Marginheight ,MarginWidth , Name,Noresize , Scrolling , SRC
  3. Etiqueta <noframes></noframes> Etiqueta que es usada para desplegar un texto o una página alternativa cuando un navegador no es capaz de desplegar los marcos

Next up

MANUAL BÁSICO DE HTML

Description

Resource summary

Media attachments

Similar

	Created by MILTON GABRIEL ASHQUI ASHQUI over 7 years ago