MANUAL BÁSICO DE HTML

Description

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 about 8 years ago
58
1

Resource summary

MANUAL BÁSICO DE HTML
  1. 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
    2. ¿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
      2. ¿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 “< >”
              2. 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.
                    1. <head> </head> Acá se detalla el encabezado de la página WEB. Esta etiqueta se abre luego de <html>.
                      1. <body> </body> Cuerpo de la página donde se despliega el contenido global
                2. ¿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
                      1. 2. Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA
                    2. 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
                      2. 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.
                        2. 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.
                            1. Etiqueta <b> </b> Esta es la etiqueta que nos posibilita un texto con negrillas.
                              1. Etiqueta <u> </u> Etiqueta que posibilita resaltar un texto con subrayado
                                1. Etiqueta <i> </i> Etiqueta que permite resaltar el texto con inclinación itálica.
                                2. 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.
                                  2. 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,
                                        1. 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
                                          1. 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
                                            1. 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
                                          2. 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.
                                                1. Etiqueta <ol> </ol> Listas ordenadas, esta etiqueta predeterminada indica al navegador que numera la lista de elementos comprendidos dentro de las etiquetas <ol>
                                                  1. 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
                                                2. 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
                                                  2. 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
                                                        1. 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
                                                          1. 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 Vega
                                                        Psicología del color
                                                        malumabl
                                                        LINEA DEL TIEMPO DEL DISENO GRAFICO
                                                        Alex Rivas
                                                        Diseño Grafico
                                                        Tatiana Guzmán
                                                        LAS ARTES GRÁFICAS: SISTEMAS DE IMPRESIÓN
                                                        Kaaren Ordoñez Cordoba
                                                        ARTE TECNOLOGICO
                                                        esteban carreño
                                                        ARTES GRAFICAS
                                                        elpuntodechris86
                                                        FAMILIAS TIPOGRAFICAS.
                                                        Ana Maria Palacios Salinas
                                                        Introducción a la Anatomia
                                                        Brayan Heriberto Rodriguez Guzman
                                                        RAMAS DEL DISEÑO GRAFICO
                                                        karengori
                                                        MATEMÁTICAS FINANCIERAS
                                                        UNIA CETYS Universidad