QUE ES HTML?
-
Upload
deybic-rojas -
Category
Documents
-
view
220 -
download
0
description
Transcript of QUE ES HTML?
![Page 1: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/1.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 1
HTML
1. ¿Qué es HTML?
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de
hipertexto), hace referencia al lenguaje de marcado para la elaboración de
páginas web. Es un estándar que sirve de referencia del software que conecta
con la elaboración de páginas web en sus diferentes versiones, define una
estructura básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, videos, juegos, entre
otros.
Para añadir un elemento externo a la página (imagen, vídeo, script, entre
otros.), este no se incrusta directamente en el código de la página, sino que se
hace una referencia a la ubicación de dicho elemento mediante texto. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
2. ¿Qué son etiquetas?
El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos
de texto destacado de una forma especial que permiten la definición de las
distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como
las distintas estructuras del lenguaje. A estas marcas las denominaremos
etiquetas y serán la base principal del lenguaje HTML. En documento HTML
será un fichero texto con etiquetas que variarán la forma de su presentación.
Una etiqueta será un texto incluido entre los símbolos menor que < y mayor
que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de
la etiqueta.
![Page 2: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/2.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 2
Por ejemplo:
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrita
Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal
<B> Letra Negrita, del inglés Bold (negrita).
<TABLE> Definirá una tabla.
<IMG> Inclusión de una IMaGen.
![Page 3: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/3.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 3
3. Explique 20 etiquetas de HTML
Nombre Etiqueta
inicial Etiqueta final Descripción
a <a> </a> Origen o destino del vínculo
abbr <abbr> </abbr> Abreviatura (p.ej.:WWW, HTTP,
etc.) address <address> </address> Información sobre el autor applet <applet> </applet> Applet Java
area <area> Prohibido Área de un mapa de imágenes en
el lado del cliente b <b> </b> Estilo de texto en negrita
base <base> Prohibido URI base del documento basefont <basefont> Prohibido Tamaño base de fuente
bdo <bdo> </bdo> Anular algoritmo BiDi I18N big <big> </big> Estilo de texto grande
blockquote <blockquote> </blockquote> Cita larga br <br> Prohibido Salto de línea forzado
button <button> </button> Botón caption <caption> </caption> Título de tabla
center <center> </center> Forma abreviada de DIV
align=center cite <cite> </cite> Cita
code <code> </code> Fragmento de código de
computadora col <col> Prohibido Columna de una tabla del <del> </del> Texto borrado dfn <dfn> </dfn> Definición
![Page 4: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/4.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 4
4. Elabora tu propia página web
![Page 5: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/5.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 5
![Page 6: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/6.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 6
5. Elabora una página para el ICBF
![Page 7: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/7.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 7
6. Elabora una página para un restaurante
![Page 8: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/8.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 8
![Page 9: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/9.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 9
![Page 10: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/10.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 10
![Page 11: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/11.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 11
![Page 12: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/12.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 12
![Page 13: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/13.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 13
![Page 14: QUE ES HTML?](https://reader030.fdocuments.mx/reader030/viewer/2022020312/579077f11a28ab6874c020fb/html5/thumbnails/14.jpg)
Tecnología Análisis y Desarrollo en Sistemas de
Información Ficha: 1093067
26/04/16
Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ
Pág. 14