MANUAL BÁSICO DE HTML

MILTON GABRIEL ASHQUI ASHQUI
Mind Map by MILTON GABRIEL ASHQUI ASHQUI, updated more than 1 year ago
MILTON GABRIEL ASHQUI ASHQUI
Created by MILTON GABRIEL ASHQUI ASHQUI over 3 years ago
14
1

Description

MANUAL BÁSICO DE HTML

Resource summary

MANUAL BÁSICO DE HTML
1 Manual Básico de HTML
1.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
2 ¿Qué es HTML?
2.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
3 ¿Por dónde comenzar?
3.1 Lo primero es saber donde crear el archivo texto que contendrá las instrucciones HTML (Hipertexto
3.1.1 Páginas WEB
3.1.1.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.
3.1.2 Etiquetas
3.1.2.1 Una etiqueta cumple su función de la siguiente manera: <nombre de la etiqueta> Apertura de una etiqueta siempre entre “< >”
3.1.3 Estructura básica de una página WEB
3.1.3.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
3.1.3.1.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.
3.1.3.1.2 <head> </head> Acá se detalla el encabezado de la página WEB. Esta etiqueta se abre luego de <html>.
3.1.3.1.3 <body> </body> Cuerpo de la página donde se despliega el contenido global
4 ¿Cómo se utilizan los colores en HTML?
4.1 Se pueden llegar a tener 16 millones de colores en una página web
4.1.1 1. Se especifica el color deseado directamente con el nombre del color en ingles: Ej: blue, green, yellow
4.1.2 2. Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA
5 Texto en HTML
5.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
6 Encabezados
6.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.
7 Ubicación, formato y atributos de texto
7.1 Etiqueta <center> </center> Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre.
7.2 Etiqueta <b> </b> Esta es la etiqueta que nos posibilita un texto con negrillas.
7.3 Etiqueta <u> </u> Etiqueta que posibilita resaltar un texto con subrayado
7.4 Etiqueta <i> </i> Etiqueta que permite resaltar el texto con inclinación itálica.
8 Imágenes en HTML
8.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.
9 Tablas
9.1 En HTML también podemos incluir arreglos de tablas. Se deben utilizar varias etiquetas:
9.1.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,
9.1.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
9.1.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
9.1.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
10 Numeración y viñetas
10.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á.
10.1.1 Etiqueta <ul> </ul> Indica al navegador que cree una lista con viñetas no ordenada.
10.1.2 Etiqueta <ol> </ol> Listas ordenadas, esta etiqueta predeterminada indica al navegador que numera la lista de elementos comprendidos dentro de las etiquetas <ol>
10.1.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
11 Hipervínculos
11.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.
11.1.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
12 Frames
12.1 Ofrece la posibilidad de utilizar marcos y varias páginas en una sola.
12.1.1 Etiqueta <frameset> </frameset> Define la disposición gráfica de los marcos en la pantalla. Atributos: • Rows , Cols, • Framespacing
12.1.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
12.1.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
Show full summary Hide full summary

Similar

Diapositivas de Diseño gráfico, evolución y tendencias
Samantha Molina
Psicología del color
malumabl
LINEA DEL TIEMPO DEL DISENO GRAFICO
Alex Rivas
LAS ARTES GRÁFICAS: SISTEMAS DE IMPRESIÓN
Kaaren Ordoñez Cordoba
ARTES GRAFICAS
elpuntodechris86
Diseño Grafico
Tatiana Guzmán
FAMILIAS TIPOGRAFICAS.
Ana Maria Palacios Salinas
Introducción a la Anatomia
Brayan Heriberto Rodriguez Guzman
RAMAS DEL DISEÑO GRAFICO
karengori
MICRO Y MACRO AMBIENTE
Karen Estefania Otero Mora
MATEMÁTICAS FINANCIERAS
UNIA CETYS Universidad