SlideShare una empresa de Scribd logo
1 de 10
PAULA RAMIREZ GOMEZ
GILINETH MOSQUERA
TATIANA CAMACHO
TRABAJO: HTML
11-02 JT.
ACTIVIDAD 2
¿Significado de HTML?
EL HTML es un lenguaje de programación para la elaboración de páginas
web, basado en el uso de etiquetas encerradas por corchetes angulares
(<>) el cual se utiliza para traducir la estructura y la información en forma
de texto, con la posibilidad de agregar objetos como imágenes, videos
etc. En la actualidad el HTML es complementado por otras tecnologías
como las Hojas de Estilo en Cascada (CSS), el JavaScript entre otras.
Historia del HTML:
El origen del lenguaje HTML se remonta al físico Tim Berners-Lee, un
trabajador del CERN (Organización Europea para la Investigación Nuclear)
quien a finales de 1989 propuso el lenguaje HTML junto con el protocolo
HTTP, cuya finalidad era crear un medio para poder compartir información
entre diversos “grandes” físicos de la época que trabajaban por todo el
mundo.
Orígenes del HTML
El primer documento que se publicó de manera formal, sobre
la estructura del HTML se publicó en el año de 1991 con el nombre de:
“HTML Tags“, simplemente texto en donde se explican las etiquetas que
se usan en HTML. Este documento a un se encuentra disponible para su
consulta en la web HTML tags. Tal y como explica el documento, en HTML
se utilizan etiquetas de apertura y de cierre (solo en algunas excepciones
no) en donde se abre con los corchetes angulares y se cierra de igual
manera con los corchetes pero anteponiendo un (/). Es decir:
<Title></Title>. El primero en salir fue el HTML 1, sin embargo no fue
considerado un estándar, por lo que muchas veces se considera al HTML
2 como la primera versión del HTML.
HTML 2: Presentado en el año de 1995, el HTML 2 es considerado
la primera versión del HTML, el cual no soportaba tablas y donde la
declaración explícita de los elementos body, html y head es opcional.
HTML 3.2: Esta versión se lanzó en el año de 1997 gracias al organismo
de estandarización llamado W3C (World Wide Web Consortium). El cual
incorporó los últimos avances de las páginas web como applets de Java y
texto que fluye alrededor de las imágenes.
HTML 4.0: Lanzada en 1998. Entre sus novedades más destacadas se
encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños
programas o scripts en las páginas web, mejora de la accesibilidad de las
páginas diseñadas, tablas complejas y mejoras en los formularios.
HTML 4.01: salió a la luz en 1999 como una revisión y actualización de la
versión HTML 4.0, por lo que no incluye novedades significativas.
HTML 5: quinta revisión importante del lenguaje básico de la World Wide
Web, el cual especifica dos variantes de sintaxis para HTML: el clásico
HTML (text/html), y la variante conocida como HTML5 y una
variante XHTML conocida como sintaxis XHTML5. Este nuevo estándar
aun no es tan utilizado pero su potencial es mucho mayor a las versiones
anteriores, el cual incluye interesantes mejoras como nuevos elementos y
etiquetas.
Listado general de etiquetas con sus atributos
Estructuras básicas:
<!-- ........ -->
Para escribir comentarios, los cuales son ignorados por el Navegador.
<HTML> ... </HTML>
Indica que es un documento HTML, debe encerrar todo el Documento.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Encabezado de todo documento de la version HTML 3.2.
<HEAD> ... </HEAD>
Encabezados del Documento. Los siguientes son los parámetros del Comando head.
<title> ... </title>
Indica el Titulo del Documento. Aparece en la ventana del Navegador.
<Base href="http://servidor.tipo/nombre.html">
Especifica la dirección del Documento por defecto en Uso. Util cuando se hace
referencia a otra página dentro del Documento.
<Base href="http://servidor.tipo/nombre.html" Target="...">
Indica el "Frame" por defecto de la página actual.
<Meta attributo1, attributo2>
Este comando describe algunas caracteristicas del documento. Por ejemplo:
<Meta http-Equiv="Refresh" Content=ss>
Actualiza la pagina cada ss segundos.
<Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html">
Llama una página diferente a los ss segundos.
<Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT>
Expira el documento a la fecha indicada y debe ser actualizada.
<Meta http-Equiv="Keywords" Content="Clave1, Clave2,..">
Especifica palabras claves para los buscadores de la Red.
<Meta http-Equiv="Description" Content="Describa su página aquí ..">
Especifica una descripción general de su página.
<BODY attributo1=".." attributo2=".."> ... </BODY>
Contiene el cuerpo del Documento, o el contenido de la Página.
-----------------------------------------------------
ATRIBUTOS:
ALINK="..." Especifica el color de las Direcciones activadas en la página.
BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.
BGCOLOR="..."Especifica el Color del Fondo del Documento.
Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color
tiene un valor desde el 0 (0) hasta el 255 (FF).
Amarillo = #FFFF00
Azul = #0000FF
Azul Claro = #00CCFF
Blanco = #FFFFFF
Gris = #CC9999
Lila = #CC33FF
Negro = #000000
Rojo = #FF0000
Verde = #00FF00
BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE)
LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE)
LINK="..." Especifica el color de las direcciones contenidas en el documento.
TEXT="..." Especifica el Color del texto.
TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE)
VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento.
<BASEFONT atributo= " ">
Fija los atributos de escritura en toda la página.
ATRIBUTOS
SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el
tamaño por omisión. Tambien permite
tamaños relativos, e.j. SIZE=+2 .
COLOR="..." Especifica el color de las Letras en todo el Documento.
NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento.
<Hn>...< /Hn>
Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6,
1 es el más grande y 6 es el más pequeño.
<ISINDEX>
Muestra un diálogo de indice de busqueda. Con este comando solamente no se
puede crear una pagina de busqueda, el Servidor
debe ser configurado para soportarlo.
Atributos:
ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los
parámetros de busqueda.
PROMPT="..." Especifica un mensaje alterno para el diálogo.
Formato General:
<ADDRESS>.....< /ADDRESS>
Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas.
<B>...< /B>
Resalta en Negritas el Texto encerradot.
<BIG>...< /BIG>
Incrementa el tamaño del Texto.
<BLINK>.....< /BLINK>
Hace el texto parapadeante.
<BLOCKQUOTE>.....< /BLOCKQUOTE>
Encierra un enfasis. El margen izquierdo y derecho están indentados.
<BR>
Inserta un final de línea.
Atributos:
CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores
posibles son: RIGHT, LEFT, o ALL.
<CENTER>.....< /CENTER>
Centra los objetos que contiene. Este comando puede centrar cualquier cosa
incluyendo imagenes, texto, tablas, formularios,
etc.
<CITE>.....< /CITE>
Encierra una Cita como un titulode un libro,etc.
<CODE>.....< /CODE>
Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.
<COMMENT>.....< /COMMENT>
Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML.
<DFN>.....< /DFN>
Encierra una definición. El texto dentro de este comando se formatea como una
definición.
<DIV ALIGN=">...< /DIV>
Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir
el documento que tiene secciones
alineadas en forma diferente.
Atributos:
ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".
<EM>...< /EM>
El texto se muestra en cursivas (Itálicas).
<FONT atributo=">...< /FONT>
Fija las propiedades y el tipo de letra del texto que contiene.
Atributos:
SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor
por omisión. Se puede especificar
valores relativos, ejemplo. SIZE=+3 .
COLOR="..."--Especifica el color de las letras.
FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas.
Por ejemplo: Arial, Verdana, etc.
<HR atributo1="..." atributo2="...">
Inserta una líea horizontal.
Atributos:
SIZE="..."--Especifica el grosor de la línea.
COLOR="..."--Especifica el color de la línea.(IE)
WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página,
ejemplo. WIDTH=70% .
ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER.
NOSHADE--Muestra la línea como sólido.
<I>...< /I>
Presenta el texto encerrado como Itálicas.
<KBD>...< /KBD>
Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de
tamaño fijo.
<LISTING>.....< /LISTING>
Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE.
<MULTICOL>.....< /MULTICOL>
Muestra un texto en columnas.
Atributos:
COLS="..."--Especifica el numero de columnas.
GUTTER="..."--Especifica el numero de pixels entre columnas.
WIDTH="..."-- Especifica el ancho de las columnas.
<NOBR>.....< /NOBR>
El texto que lo contiene no se trunca en la pantalla.
<P atributo>...< /P>
Diseñado para encerrar texto de un parrafo. El cierre es opcional.
Atributos:
ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o
"right".
<PLAINTEXT>.....< /PLAINTEXT>
Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto --
Se usa el comando PRE.
<PRE>.....< /PRE>
Muestra texto sin formato, sin eliminar espacios y saltos.
<S>.....< /S>
Muestra el texto con una línea por el centro (tachado). Es diferente al comando
<STRIKE>.
<SAMP>...< /SAMP>
Indica un ejemplo de salida para un formulario o programa. El texto se muestra en
tamaño pequeño.
<SMALL>...< /SMALL>
Muestra el texto en tamaño pequeño.
<SPACER atributo>...< /SPACER>
(Netscape) Inserta bloques de espacios en la página.
Atributos:
ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del
texto alrededor.
Valores:
RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se
trunca alrededor del bloque.
TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica
el alineaminto vertical del bloque con cualquier
elemento el la misma línea.
HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque.
SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamaño del
espacio.
TYPE="..."--Especifica el tipo de espacio.
Valores:
HORIZONTAL--Inserta espacios en blanco entre palabras.
VERTICAL--Inserta espacios entre dos líneas.
BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG.
WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque.
<STRONG>...< /STRONG>
Muestra el texto en negritas, resaltado.
<SUB>...< /SUB>
Muestra el texto encerrado como un subindice.
<SUP>...< /SUP>
Muestra el texto encerrado como superindice.
<TT>...< /TT>
Muestra el texto en formato teletipo.
<U>...< /U>
Muestra el texto subrayado. No use este comando puede confundir con una
dirección o Link.
<VAR>...< /VAR>
Especifica una variable. Eltexto se muestra en letras pequeñas y de tamaño fijo.
<WBR>
Hace que el texto que contiene, se trunque si es necesario.
<XMP>...< /XMP>
Hace que el texto encerrado se muestre sin procesar los coamdos HTML que
contenga. Obsoleto -- Se usa el comando PRE.
Conclusión:
es un idioma internacional utilizado para hacer páginas web y hace
más fácil el trabajo de algunas personas para crear paginas
complejas con imágenes ,textos etc.

Más contenido relacionado

La actualidad más candente (19)

Fichas de html 2014
Fichas de html 2014Fichas de html 2014
Fichas de html 2014
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Html 000 fundamentos web - bib lioteca
Html 000   fundamentos web - bib liotecaHtml 000   fundamentos web - bib lioteca
Html 000 fundamentos web - bib lioteca
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Html
HtmlHtml
Html
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
 
Html axel martinez, julio casasola
Html axel martinez, julio casasolaHtml axel martinez, julio casasola
Html axel martinez, julio casasola
 

Destacado

Seleccion de personal 2
Seleccion  de personal 2Seleccion  de personal 2
Seleccion de personal 2Tanis Figueroa
 
Queda livre dos corpos
Queda livre dos corposQueda livre dos corpos
Queda livre dos corposthiago oda
 
2014's Top 10 Best Multivitamins for Men
2014's Top 10 Best Multivitamins for Men2014's Top 10 Best Multivitamins for Men
2014's Top 10 Best Multivitamins for MenTop10Supplements.com
 
Reseña presentaciones orales
Reseña presentaciones oralesReseña presentaciones orales
Reseña presentaciones oralesAmara Marquez
 
Función lineal
Función linealFunción lineal
Función linealifdc2012
 
Reseña mapas mentales
Reseña mapas mentalesReseña mapas mentales
Reseña mapas mentalesAmara Marquez
 
Presentación conexiones internas
Presentación conexiones internasPresentación conexiones internas
Presentación conexiones internascristian guevara
 
Contabilidad de gestion por las normas internacionales
Contabilidad de gestion por las normas internacionalesContabilidad de gestion por las normas internacionales
Contabilidad de gestion por las normas internacionalesmarce-cuao
 
Ejercicios en actionscript fundamentales
Ejercicios en actionscript fundamentalesEjercicios en actionscript fundamentales
Ejercicios en actionscript fundamentalescristian guevara
 
Las herramientas de dibujo de flash parte 1
Las herramientas de dibujo de flash parte 1Las herramientas de dibujo de flash parte 1
Las herramientas de dibujo de flash parte 1Alvaro11-97
 
2M Unidad 1 - MRU y MRUA
2M Unidad 1 - MRU y MRUA2M Unidad 1 - MRU y MRUA
2M Unidad 1 - MRU y MRUAPaula Durán
 

Destacado (20)

Comportamiento
ComportamientoComportamiento
Comportamiento
 
Seleccion de personal 2
Seleccion  de personal 2Seleccion  de personal 2
Seleccion de personal 2
 
Queda livre dos corpos
Queda livre dos corposQueda livre dos corpos
Queda livre dos corpos
 
Luis zabala 4 l
Luis zabala 4 lLuis zabala 4 l
Luis zabala 4 l
 
2014's Top 10 Best Multivitamins for Men
2014's Top 10 Best Multivitamins for Men2014's Top 10 Best Multivitamins for Men
2014's Top 10 Best Multivitamins for Men
 
Reseña presentaciones orales
Reseña presentaciones oralesReseña presentaciones orales
Reseña presentaciones orales
 
Robotica 9 2
Robotica 9 2Robotica 9 2
Robotica 9 2
 
Función lineal
Función linealFunción lineal
Función lineal
 
Reseña mapas mentales
Reseña mapas mentalesReseña mapas mentales
Reseña mapas mentales
 
Presentación conexiones internas
Presentación conexiones internasPresentación conexiones internas
Presentación conexiones internas
 
Culto dia mundial oracao web
Culto dia mundial oracao webCulto dia mundial oracao web
Culto dia mundial oracao web
 
Pagina web con doctype
Pagina web con doctypePagina web con doctype
Pagina web con doctype
 
Contabilidad de gestion por las normas internacionales
Contabilidad de gestion por las normas internacionalesContabilidad de gestion por las normas internacionales
Contabilidad de gestion por las normas internacionales
 
Alternativa simple
Alternativa simpleAlternativa simple
Alternativa simple
 
Planejamento ghn v2
Planejamento ghn v2Planejamento ghn v2
Planejamento ghn v2
 
Ejercicios en actionscript fundamentales
Ejercicios en actionscript fundamentalesEjercicios en actionscript fundamentales
Ejercicios en actionscript fundamentales
 
Nutricion
NutricionNutricion
Nutricion
 
Las herramientas de dibujo de flash parte 1
Las herramientas de dibujo de flash parte 1Las herramientas de dibujo de flash parte 1
Las herramientas de dibujo de flash parte 1
 
Las tres leyes de fotografía
Las tres leyes de fotografíaLas tres leyes de fotografía
Las tres leyes de fotografía
 
2M Unidad 1 - MRU y MRUA
2M Unidad 1 - MRU y MRUA2M Unidad 1 - MRU y MRUA
2M Unidad 1 - MRU y MRUA
 

Similar a Paula ramirez (20)

Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Html
HtmlHtml
Html
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicas
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
Html
 
Taller Wordpress Nivel II
Taller Wordpress Nivel IITaller Wordpress Nivel II
Taller Wordpress Nivel II
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Html
HtmlHtml
Html
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Tag s
Tag sTag s
Tag s
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
HTML
HTMLHTML
HTML
 

Último

Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 

Último (20)

Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 

Paula ramirez

  • 1. PAULA RAMIREZ GOMEZ GILINETH MOSQUERA TATIANA CAMACHO TRABAJO: HTML 11-02 JT.
  • 2. ACTIVIDAD 2 ¿Significado de HTML? EL HTML es un lenguaje de programación para la elaboración de páginas web, basado en el uso de etiquetas encerradas por corchetes angulares (<>) el cual se utiliza para traducir la estructura y la información en forma de texto, con la posibilidad de agregar objetos como imágenes, videos etc. En la actualidad el HTML es complementado por otras tecnologías como las Hojas de Estilo en Cascada (CSS), el JavaScript entre otras. Historia del HTML: El origen del lenguaje HTML se remonta al físico Tim Berners-Lee, un trabajador del CERN (Organización Europea para la Investigación Nuclear) quien a finales de 1989 propuso el lenguaje HTML junto con el protocolo HTTP, cuya finalidad era crear un medio para poder compartir información entre diversos “grandes” físicos de la época que trabajaban por todo el mundo. Orígenes del HTML El primer documento que se publicó de manera formal, sobre la estructura del HTML se publicó en el año de 1991 con el nombre de: “HTML Tags“, simplemente texto en donde se explican las etiquetas que se usan en HTML. Este documento a un se encuentra disponible para su consulta en la web HTML tags. Tal y como explica el documento, en HTML se utilizan etiquetas de apertura y de cierre (solo en algunas excepciones no) en donde se abre con los corchetes angulares y se cierra de igual manera con los corchetes pero anteponiendo un (/). Es decir: <Title></Title>. El primero en salir fue el HTML 1, sin embargo no fue considerado un estándar, por lo que muchas veces se considera al HTML 2 como la primera versión del HTML.
  • 3. HTML 2: Presentado en el año de 1995, el HTML 2 es considerado la primera versión del HTML, el cual no soportaba tablas y donde la declaración explícita de los elementos body, html y head es opcional. HTML 3.2: Esta versión se lanzó en el año de 1997 gracias al organismo de estandarización llamado W3C (World Wide Web Consortium). El cual incorporó los últimos avances de las páginas web como applets de Java y texto que fluye alrededor de las imágenes. HTML 4.0: Lanzada en 1998. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios. HTML 4.01: salió a la luz en 1999 como una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas. HTML 5: quinta revisión importante del lenguaje básico de la World Wide Web, el cual especifica dos variantes de sintaxis para HTML: el clásico HTML (text/html), y la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5. Este nuevo estándar aun no es tan utilizado pero su potencial es mucho mayor a las versiones anteriores, el cual incluye interesantes mejoras como nuevos elementos y etiquetas. Listado general de etiquetas con sus atributos Estructuras básicas: <!-- ........ --> Para escribir comentarios, los cuales son ignorados por el Navegador. <HTML> ... </HTML> Indica que es un documento HTML, debe encerrar todo el Documento.
  • 4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Encabezado de todo documento de la version HTML 3.2. <HEAD> ... </HEAD> Encabezados del Documento. Los siguientes son los parámetros del Comando head. <title> ... </title> Indica el Titulo del Documento. Aparece en la ventana del Navegador. <Base href="http://servidor.tipo/nombre.html"> Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento. <Base href="http://servidor.tipo/nombre.html" Target="..."> Indica el "Frame" por defecto de la página actual. <Meta attributo1, attributo2> Este comando describe algunas caracteristicas del documento. Por ejemplo: <Meta http-Equiv="Refresh" Content=ss> Actualiza la pagina cada ss segundos. <Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html"> Llama una página diferente a los ss segundos. <Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT> Expira el documento a la fecha indicada y debe ser actualizada. <Meta http-Equiv="Keywords" Content="Clave1, Clave2,.."> Especifica palabras claves para los buscadores de la Red. <Meta http-Equiv="Description" Content="Describa su página aquí .."> Especifica una descripción general de su página.
  • 5. <BODY attributo1=".." attributo2=".."> ... </BODY> Contiene el cuerpo del Documento, o el contenido de la Página. ----------------------------------------------------- ATRIBUTOS: ALINK="..." Especifica el color de las Direcciones activadas en la página. BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF). Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00 BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento. <BASEFONT atributo= " "> Fija los atributos de escritura en toda la página. ATRIBUTOS SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite tamaños relativos, e.j. SIZE=+2 . COLOR="..." Especifica el color de las Letras en todo el Documento. NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento.
  • 6. <Hn>...< /Hn> Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño. <ISINDEX> Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor debe ser configurado para soportarlo. Atributos: ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda. PROMPT="..." Especifica un mensaje alterno para el diálogo. Formato General: <ADDRESS>.....< /ADDRESS> Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas. <B>...< /B> Resalta en Negritas el Texto encerradot. <BIG>...< /BIG> Incrementa el tamaño del Texto. <BLINK>.....< /BLINK> Hace el texto parapadeante. <BLOCKQUOTE>.....< /BLOCKQUOTE> Encierra un enfasis. El margen izquierdo y derecho están indentados. <BR> Inserta un final de línea. Atributos: CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL. <CENTER>.....< /CENTER> Centra los objetos que contiene. Este comando puede centrar cualquier cosa
  • 7. incluyendo imagenes, texto, tablas, formularios, etc. <CITE>.....< /CITE> Encierra una Cita como un titulode un libro,etc. <CODE>.....< /CODE> Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas. <COMMENT>.....< /COMMENT> Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. <DFN>.....< /DFN> Encierra una definición. El texto dentro de este comando se formatea como una definición. <DIV ALIGN=">...< /DIV> Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones alineadas en forma diferente. Atributos: ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left". <EM>...< /EM> El texto se muestra en cursivas (Itálicas). <FONT atributo=">...< /FONT> Fija las propiedades y el tipo de letra del texto que contiene. Atributos: SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor por omisión. Se puede especificar valores relativos, ejemplo. SIZE=+3 . COLOR="..."--Especifica el color de las letras. FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc. <HR atributo1="..." atributo2="...">
  • 8. Inserta una líea horizontal. Atributos: SIZE="..."--Especifica el grosor de la línea. COLOR="..."--Especifica el color de la línea.(IE) WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% . ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. NOSHADE--Muestra la línea como sólido. <I>...< /I> Presenta el texto encerrado como Itálicas. <KBD>...< /KBD> Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamaño fijo. <LISTING>.....< /LISTING> Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE. <MULTICOL>.....< /MULTICOL> Muestra un texto en columnas. Atributos: COLS="..."--Especifica el numero de columnas. GUTTER="..."--Especifica el numero de pixels entre columnas. WIDTH="..."-- Especifica el ancho de las columnas. <NOBR>.....< /NOBR> El texto que lo contiene no se trunca en la pantalla. <P atributo>...< /P> Diseñado para encerrar texto de un parrafo. El cierre es opcional. Atributos: ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right". <PLAINTEXT>.....< /PLAINTEXT> Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando PRE.
  • 9. <PRE>.....< /PRE> Muestra texto sin formato, sin eliminar espacios y saltos. <S>.....< /S> Muestra el texto con una línea por el centro (tachado). Es diferente al comando <STRIKE>. <SAMP>...< /SAMP> Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño. <SMALL>...< /SMALL> Muestra el texto en tamaño pequeño. <SPACER atributo>...< /SPACER> (Netscape) Inserta bloques de espacios en la página. Atributos: ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor. Valores: RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se trunca alrededor del bloque. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineaminto vertical del bloque con cualquier elemento el la misma línea. HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque. SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamaño del espacio. TYPE="..."--Especifica el tipo de espacio. Valores: HORIZONTAL--Inserta espacios en blanco entre palabras. VERTICAL--Inserta espacios entre dos líneas. BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG. WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque.
  • 10. <STRONG>...< /STRONG> Muestra el texto en negritas, resaltado. <SUB>...< /SUB> Muestra el texto encerrado como un subindice. <SUP>...< /SUP> Muestra el texto encerrado como superindice. <TT>...< /TT> Muestra el texto en formato teletipo. <U>...< /U> Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link. <VAR>...< /VAR> Especifica una variable. Eltexto se muestra en letras pequeñas y de tamaño fijo. <WBR> Hace que el texto que contiene, se trunque si es necesario. <XMP>...< /XMP> Hace que el texto encerrado se muestre sin procesar los coamdos HTML que contenga. Obsoleto -- Se usa el comando PRE. Conclusión: es un idioma internacional utilizado para hacer páginas web y hace más fácil el trabajo de algunas personas para crear paginas complejas con imágenes ,textos etc.