Manual Básico de HTML

Elvis cayambe
Mind Map by Elvis cayambe, updated more than 1 year ago
Elvis cayambe
Created by Elvis cayambe over 4 years ago
10
0

Description

Mapa mental de Manual Basico de HTM

Resource summary

Manual Básico de HTML
  1. 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
          1. explica los usos
            1. aplicaciones y resultados de varias etiquetas
              1. 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&deg;c hace bastante fr&iacute;o.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de p&aacute;gina WEB :)<br> </body> </html>
            2. ¿Qué es HTML?
              1. son las iniciales de Hiper Text Markup Language.
                1. conjunto o serie de etiquetas
                  1. definen la estructura de un documento WWW
                    1. vínculos con otros documentos
                  2. ¿Por dónde comenzar?
                    1. donde crear el archivo texto que contendrá las instrucciones HTML (Hipertexto)
                      1. Microsoft Front Page
                        1. Hot Dog
                          1. Microsoft Internet Assistant
                            1. Microsoft Office 97
                              1. Utilizar un editor de texto
                            2. Páginas WEB
                              1. Hipertexto
                                1. archivo de texto
                                  1. contiene instrucciones
                                    1. 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
                                        2. </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>
                                        4. Etiqueta: <title> </title>
                                          1. <html> <head> <title>Curso de HTML</title> </head> <body> Bienvenidos al curso de HTML </body> </html>
                                          2. 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
                                            2. ¿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
                                                1. El color tiene un signo de numeral # antecediendo a los 6 números.
                                                  1. Existen dos números para cada color principal: rojo, verde y azul.
                                                    1. Cada uno de los números varía hexadecimal mente {0,1,2....,9,A,B,...F}.
                                                      1. <html> <head> <title>Curso de HTML</title> </head> <body bgcolor=”#C0D9D9” text=”#000000”> Bienvenidos al curso de HTML </body> </html>
                                                      2. 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&deg;c hace bastante fr&iacute;o. Este es un ejemplo de p&aacute;gina WEB :) </body> </html>
                                                        2. Etiqueta <br>
                                                          1. La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML
                                                          2. 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&deg;c hace bastante fr&iacute;o.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de p&aacute;gina WEB :)<br> </body> </html>
                                                            2. Etiqueta <img>
                                                              1. Se trata de otra etiqueta especial, pues no necesita de etiqueta de cierre
                                                                1. Src identifica la imagen que se desplegará.
                                                                  1. Height para redimensionamiento de gráfico (en pixeles o en porcentaje)
                                                                    1. Width para redimensionamiento de gráfico (en pixeles o en porcentaje)
                                                                      1. Border Definido en pixels
                                                                        1. ALIGN Alineación, puede ser: TOP, MIDDLE, BOTTOM, LEFT y RIGHT
                                                                          1. ALT Especifica el texto alterno
                                                                        2. 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
                                                                                  1. Cols Determina el ancho de las columnas.
                                                                                    1. Framespacing Espacio entre frames
                                                                              2. Etiqueta <noframes></noframes>
                                                                                1. Etiqueta que es usada para desplegar un texto o una página alternativa
                                                                                2. 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>
                                                                                  Show full summary Hide full summary

                                                                                  Similar

                                                                                  DISEÑO WEB "CSS"
                                                                                  Elvis cayambe
                                                                                  Spanish Vocabulary- Intermediate
                                                                                  PatrickNoonan
                                                                                  Geometry Formulas
                                                                                  Selam H
                                                                                  Essay Writing: My Essay Plan
                                                                                  Andrea Leyden
                                                                                  Function and Structure of DNA
                                                                                  Elena Cade
                                                                                  Key policies and organisations Cold War
                                                                                  E A
                                                                                  The Strange Case of Dr. Jekyll and Mr. Hyde
                                                                                  K d
                                                                                  GCSE AQA Chemistry 2 Salts & Electrolysis
                                                                                  Lilac Potato
                                                                                  Information security and data protection
                                                                                  хомяк убийца
                                                                                  MP. RUPTURA PREMATURA DE MEMBRANAS
                                                                                  GINA DANIELA TABLA GERENA
                                                                                  Mapa Mental para Resumir y Conectar Ideas
                                                                                  Ricardo Padilla Alcantara