SlideShare una empresa de Scribd logo
Información general
Extensión de archivo      .html, .htm


Tipo de MIME              text/html


Type code                 TEXT


Uniform Type Identifier   public.html


Tipo de formato           Lenguaje de marcado


Extendido de              SGML


Extendido a               XHTML


Estándar(es)              ISO/IEC 15445
                          W3C HTML 4.01
                          W3C HTML5(borrador)
HTML,        siglas     de       HyperText     Markup
Language («lenguaje de marcado de hipertexto»),
hace referencia al lenguaje de marcado predominante
para la elaboración de páginas web que se utiliza para
describir y traducir la estructura y la información en
forma de texto, así como para complementar el texto
con objetos tales como imágenes.
El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). HTML también puede
describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por
ejemplo JavaScript), el cual puede afectar el
comportamiento de navegadores web y otros
procesadores de HTML.
HTML también sirve para referirse al contenido del tipo
de MIME text/html o todavía más ampliamente como
un término genérico para el HTML, ya sea en forma
descendida del XML (como XHTML 1.0 y posteriores) o
en forma descendida directamente de SGML (como
HTML 4.01 y anteriores).
   Los elementos son la estructura básica de
    HTML. Los elementos tienen dos
    propiedades básicas: atributos y contenido.
    Cada atributo y contenido tiene ciertas
    restricciones para que se considere válido
    al documento HTML. Un elemento
    generalmente tiene una etiqueta de inicio
    (por ejemplo, <nombre-de-elemento>) y
    una etiqueta de cierre (por ejemplo,
    </nombre-de-elemento>). Los atributos del
    elemento están contenidos en la etiqueta
    de inicio y el contenido está ubicado entre
    las dos etiquetas (por ejemplo, <nombre-
    de-
    elemento atributo="valor">Contenido</nom
    bre-de-elemento>). Algunos elementos,
    tales como <br>, no tienen contenido ni
    llevan una etiqueta de cierre.
Atributos
La mayoría de los atributos de un
elemento son pares nombre-valor,
separados por un signo de igual «=»
y escritos en la etiqueta de comienzo
de un elemento, después del nombre
de éste. El valor puede estar rodeado
por comillas dobles o simples,
aunque ciertos tipos de valores
pueden estar sin comillas en HTML
(pero no en XHTML). De todas
maneras, dejar los valores sin
comillas es considerado poco seguro.
En contraste con los pares nombre-
elemento, hay algunos atributos que
afectan al elemento simplemente por
su     presencia     (tal  como     el
atributo ismap para el elemento img)
TABLA DE COLORES
CODIGO                                     DESCIPCION                                         ATRIBUTOS

                                                Indica que es un documento HTML, debe
                  <html>
                                                       encerrar todo el Documento



                                              Encabezados del Documento. Los siguientes
         <HEAD>... </HEAD>                      son los parámetros del Comando head.




                                              Indica el Titulo del Documento. Aparece en la
            <title> ... </title>
                                                          ventana del Navegador


                                                                                              ALINK="..." Especifica el color de las
                                                                                              Direcciones activadas en la página.
                                                Contiene el cuerpo del Documento, o el
<BODY attributo1="...” attributo2="...”>...                                                   BACKGROUND="..." Especifica el papel tapiz
                                                       contenido de la Página.
              </BODY>                                                                         de la página. un Archivo *.jpg o *.gif.
                                                             ATRIBUTOS
                                                                                              BGCOLOR="..."Especifica el Color del Fondo
                                                                                              del Documento


               <B>...< /B>                      Resalta en Negritas el Texto encerrado.




         <BLINK>.....< /BLINK>                        Hace el texto parpadeante.



                                                                                              CLEAR="..."--Causa que el texto alrededor de
                                                                                              la imagen se elimine. Los valores posibles son:
                  <BR>                                  Inserta un final de línea.
                                                                                              RIGHT, LEFT, o ALL.
CODIGO                                  DESCIPCION                                             ATRIBUTOS
                                       Centra los objetos que contiene. Este comando
                                         puede centrar cualquier cosa incluyendo
   <CENTER>.....< /CENTER>
                                            imágenes, texto, tablas, formularios,
                                                            etc.
                                                                                           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
                                       Fija las propiedades y el tipo de letra del texto   relativos, ejemplo. SIZE=+3.
 <FONT atributo=">...< /FONT>
                                                       que contiene.                       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.
                                                                                           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
<HR atributo1="..." atributo2="...">            Inserta una línea horizontal.              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.



                                       Diseñado para encerrar texto de un párrafo. El      ALIGN="..."--Especifica el alineamiento del
       <P atributo>...< /P>
                                                   cierre es opcional.                     párrafo. Por ejemplo: "center", "left", o "right".


                                        Muestra el texto con una línea por el centro
           <S>.....< /S>                   (tachado). Es diferente al comando
                                                        <STRIKE>.

                                         Muestra el texto subrayado. No use este
           <U>...< /U>                 comando puede confundir con una dirección o
                                                           Link.
CODIGO                                   DESCIPCION                                        ATRIBUTOS

                                                                                              ALIGN="..."--especifica el alineamiento de la
                                                                                              imagen.
                                                                                              WIDTH="..."--Especifica el ancho de la imagen.
<IMG atributo1 atributo2>                    Coloca una imagen el en documento.               Si el tamaño no coincide con el original se
                                                                                              ajusta.
                                                                                              HEIGHT="..."--Igual al anterior pero con la
                                                                                              altura.


                                             Reproduce un archivo de sonidos en el fondo      SRC="..."-- indica el archivo de música.
                                             cuando la página es cargada. Este archivo de     LOOP="n"-- Indica el número de veces que se
<BGSOUND atributo1 atributo2> (IE)
                                             sonido puede ser de tipo (.wav or .au) o midi    repite. Un valor de "-1" o "INFINITE" indica una
                                             (.mid).                                          reproducción sin interrupción.


                                                                                              LOOP="n"-- Fija el numero de repeticiones. Un
                                                                                              valor de "-1" o "INFINITE" repite
                                                                                              indefinidamente.
<MARQUEE atributo1 atributo2>...<
                                             Fija un texto que se desplaza por la pantalla.   WIDTH="..."-- Fija el ancho del Marquee en
/MARQUEE> (IE)
                                                                                              pixels o %.
                                                                                              HEIGHT="..."-- Fija la altura del texto en Pixels o
                                                                                              %.



                                                                                              AUTOSTART="..."--Especifica si iniciar la
                                                                                              ejecución o No. "TRUE" o "FALSE".
                                             Inserta un objeto multimedia, como un corto de   HIGHT="..."-- Especifica el tamaño en pixeles o
<EMBED atributo1 atributo2>< /EMBED>         video o sonido, en la página. En los browser     %.
                                             modernos se mantiene por compatibilidad.         LOOP="..."-- Fija el número de repeticiones. Los
                                                                                              valores son "TRUE" o "FALSE".



                                             Encierra el código de programación que se
<SCRIPT atributo>...sentencias script... <   ejecuta en la página. Para mantener
/SCRIPT>                                     compatibilidad los comandos están marcados
                                             como
CODIGO                   DESCIPCION                                      ATRIBUTOS



                                                                         TYPE="..."
                                                                         --Especifica el tipo de indicador de la lista. Los
                         Este comando enumera los párrafos como una      valores mas comunes son: DISC, CIRCLE,
<LI atributo>            lista de palabras usando los siguientes sub-    SQUARE, A, a, I, i, 1.
                         comandos: <DIR>,<MENU>, <OL>, o <UL>.
                                                                         VALUE="..."--Especifica el valor asignado a un
                                                                         item.


                         Convierte el texto encerrado por <LI>, en una
<MENU>...< /MENU>
                         lista de menús.


                                                                         TYPE="..."--Especifica el tipo de numeración
                                                                         para el indicador. Un tipo de indicador sería: A,
                         Convierte al texto encerrado por <LI>, en una
<OL atributo>...< /OL>                                                   a, I, i, 1.
                         lista numerada.
                                                                         START="..."--Especifica el valor inicial de la
                                                                         numeración.

                                                                         TYPE="..."--Especifica el tipo de indicador para
                         Convierte el texto encerrado por <LI>, en una
<UL atributo>...< /UL>                                                   la lista. Los valores comunes son: DISC,
                         lista indicada.
                                                                         CIRCLE, SQUARE.


                         Crea una lista definida. Donde, <DT>
<DL>...< /DL>            especifica un término de la lista y <DD>
                         especifica el contenido del término.

Más contenido relacionado

La actualidad más candente

Comandos de html
Comandos de htmlComandos de html
Comandos de html
Mayra_Pao
 
Clase1
Clase1Clase1
Clase1
danielbf0717
 
Estructura Pagina Web III
Estructura Pagina Web IIIEstructura Pagina Web III
Estructura Pagina Web III
Daniel Lopez Rios
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
Mariacornejocevallos
 
2. html
2. html2. html
2. html
nemexn
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Gabriel Mondragón
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
LuisICM
 
significado de Htlm
significado de  Htlm significado de  Htlm
significado de Htlm
Ivän Rämirêz
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
Noemi Gavilánez
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
jesykarynex
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
jesykarynex
 
Arquitectura del Web 2
Arquitectura del Web 2Arquitectura del Web 2
Arquitectura del Web 2
Juan Quemada
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
IST Unitek Arequipa
 
Capas en html
Capas en htmlCapas en html
Capas en html
IST Unitek Arequipa
 
Paula ramirez
Paula ramirezPaula ramirez
Paula ramirez
Lauriitha Socha
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
Alexys González
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
Irene Diaz
 
Html
HtmlHtml

La actualidad más candente (18)

Comandos de html
Comandos de htmlComandos de html
Comandos de html
 
Clase1
Clase1Clase1
Clase1
 
Estructura Pagina Web III
Estructura Pagina Web IIIEstructura Pagina Web III
Estructura Pagina Web III
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
2. html
2. html2. html
2. html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
significado de Htlm
significado de  Htlm significado de  Htlm
significado de Htlm
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Arquitectura del Web 2
Arquitectura del Web 2Arquitectura del Web 2
Arquitectura del Web 2
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Paula ramirez
Paula ramirezPaula ramirez
Paula ramirez
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
 
Html
HtmlHtml
Html
 

Destacado

Power point
Power pointPower point
Power point
alumno360
 
Santander consigue por segundo año consecutivo ser el banco más verde, según ...
Santander consigue por segundo año consecutivo ser el banco más verde, según ...Santander consigue por segundo año consecutivo ser el banco más verde, según ...
Santander consigue por segundo año consecutivo ser el banco más verde, según ...
BANCO SANTANDER
 
Diapositiva lourdes
Diapositiva lourdesDiapositiva lourdes
Diapositiva lourdes
lmeriles
 
Youth Venture Intern Position
Youth Venture Intern PositionYouth Venture Intern Position
Youth Venture Intern Position
AshokaEA
 
Casais que não se casam respostas
Casais que não se casam   respostasCasais que não se casam   respostas
Casais que não se casam respostas
Else Emrich
 
Senior project slide
Senior project slideSenior project slide
Senior project slide
LeahBDavis2144
 
Linuex
LinuexLinuex
Linuex
yibisita
 
Curriculo bolivariano
Curriculo bolivarianoCurriculo bolivariano
Curriculo bolivariano
roximar_lucia
 
Trabajo de cristina borja tomás y concepción cerdán gomis
Trabajo de cristina borja tomás y concepción cerdán gomisTrabajo de cristina borja tomás y concepción cerdán gomis
Trabajo de cristina borja tomás y concepción cerdán gomis
cristinadesaarrollo
 
Compu
CompuCompu
Compu
kevinb64
 
Eventos presentacion
Eventos presentacionEventos presentacion
Eventos presentacion
peludito49
 
Movil
MovilMovil
Las tic
Las ticLas tic
Guia para padres 1 completa
Guia para padres 1 completaGuia para padres 1 completa
Guia para padres 1 completa
alejandro Dowling
 
Передача информации
Передача информацииПередача информации
Передача информацииPnMaria
 
Santa Cristina
Santa CristinaSanta Cristina
Santa Cristina
andreaavr21
 
Promocion bp ulitmate 2012 inscritos
Promocion bp ulitmate 2012 inscritosPromocion bp ulitmate 2012 inscritos
Promocion bp ulitmate 2012 inscritos
sicilia104
 
Angel
Angel Angel

Destacado (20)

Power point
Power pointPower point
Power point
 
Santander consigue por segundo año consecutivo ser el banco más verde, según ...
Santander consigue por segundo año consecutivo ser el banco más verde, según ...Santander consigue por segundo año consecutivo ser el banco más verde, según ...
Santander consigue por segundo año consecutivo ser el banco más verde, según ...
 
Diapositiva lourdes
Diapositiva lourdesDiapositiva lourdes
Diapositiva lourdes
 
Youth Venture Intern Position
Youth Venture Intern PositionYouth Venture Intern Position
Youth Venture Intern Position
 
Casais que não se casam respostas
Casais que não se casam   respostasCasais que não se casam   respostas
Casais que não se casam respostas
 
Senior project slide
Senior project slideSenior project slide
Senior project slide
 
Linuex
LinuexLinuex
Linuex
 
Curriculo bolivariano
Curriculo bolivarianoCurriculo bolivariano
Curriculo bolivariano
 
Trabajo de cristina borja tomás y concepción cerdán gomis
Trabajo de cristina borja tomás y concepción cerdán gomisTrabajo de cristina borja tomás y concepción cerdán gomis
Trabajo de cristina borja tomás y concepción cerdán gomis
 
Compu
CompuCompu
Compu
 
Eventos presentacion
Eventos presentacionEventos presentacion
Eventos presentacion
 
Movil
MovilMovil
Movil
 
Las tic
Las ticLas tic
Las tic
 
Guia para padres 1 completa
Guia para padres 1 completaGuia para padres 1 completa
Guia para padres 1 completa
 
Передача информации
Передача информацииПередача информации
Передача информации
 
Santa Cristina
Santa CristinaSanta Cristina
Santa Cristina
 
Presentación1
Presentación1Presentación1
Presentación1
 
Etapas nutricion
Etapas nutricionEtapas nutricion
Etapas nutricion
 
Promocion bp ulitmate 2012 inscritos
Promocion bp ulitmate 2012 inscritosPromocion bp ulitmate 2012 inscritos
Promocion bp ulitmate 2012 inscritos
 
Angel
Angel Angel
Angel
 

Similar a Html

Laura socha niño
Laura socha niñoLaura socha niño
Laura socha niño
Lauriitha Socha
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
Danilo Paredes
 
Html
HtmlHtml
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
Mely1090
 
Html
HtmlHtml
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
maryesther20_95
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
yheimipaula
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
jumarri
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
elyyule-alcivar
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
adriana
 
Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.
Jorge Robles
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
Krolina Agui
 
P4 etiquetas basicas
P4 etiquetas basicasP4 etiquetas basicas
P4 etiquetas basicas
Mariana Rubio Padilla
 
Html
HtmlHtml
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
Walter Bombon Rodriguez
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
vdgfgfgjhgfgh
 
Páginas html
Páginas htmlPáginas html
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
maryesther20_95
 
etiquetas html
 etiquetas html etiquetas html
etiquetas html
maryesther20_95
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
ElenaLoja
 

Similar a Html (20)

Laura socha niño
Laura socha niñoLaura socha niño
Laura socha niño
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
Html
HtmlHtml
Html
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
Html
HtmlHtml
Html
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
 
P4 etiquetas basicas
P4 etiquetas basicasP4 etiquetas basicas
P4 etiquetas basicas
 
Html
HtmlHtml
Html
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Páginas html
Páginas htmlPáginas html
Páginas html
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
etiquetas html
 etiquetas html etiquetas html
etiquetas html
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 

Último

Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
gamcoaquera
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
Robert Zuñiga Vargas
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
shirherrer
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
maxgamesofficial15
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
GiselaBerrios3
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
ssusera6697f
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Unidad de Espiritualidad Eudista
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
KarenCaicedo28
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 

Último (20)

Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 

Html

  • 1.
  • 2. Información general Extensión de archivo .html, .htm Tipo de MIME text/html Type code TEXT Uniform Type Identifier public.html Tipo de formato Lenguaje de marcado Extendido de SGML Extendido a XHTML Estándar(es) ISO/IEC 15445 W3C HTML 4.01 W3C HTML5(borrador)
  • 3. HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
  • 4. Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre- de- elemento atributo="valor">Contenido</nom bre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre.
  • 5. Atributos La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre- elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img)
  • 6.
  • 8. CODIGO DESCIPCION ATRIBUTOS Indica que es un documento HTML, debe <html> encerrar todo el Documento Encabezados del Documento. Los siguientes <HEAD>... </HEAD> son los parámetros del Comando head. Indica el Titulo del Documento. Aparece en la <title> ... </title> ventana del Navegador ALINK="..." Especifica el color de las Direcciones activadas en la página. Contiene el cuerpo del Documento, o el <BODY attributo1="...” attributo2="...”>... BACKGROUND="..." Especifica el papel tapiz contenido de la Página. </BODY> de la página. un Archivo *.jpg o *.gif. ATRIBUTOS BGCOLOR="..."Especifica el Color del Fondo del Documento <B>...< /B> Resalta en Negritas el Texto encerrado. <BLINK>.....< /BLINK> Hace el texto parpadeante. CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: <BR> Inserta un final de línea. RIGHT, LEFT, o ALL.
  • 9. CODIGO DESCIPCION ATRIBUTOS Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo <CENTER>.....< /CENTER> imágenes, texto, tablas, formularios, etc. 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 Fija las propiedades y el tipo de letra del texto relativos, ejemplo. SIZE=+3. <FONT atributo=">...< /FONT> que contiene. 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. 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 <HR atributo1="..." atributo2="..."> Inserta una línea horizontal. 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. Diseñado para encerrar texto de un párrafo. El ALIGN="..."--Especifica el alineamiento del <P atributo>...< /P> cierre es opcional. párrafo. Por ejemplo: "center", "left", o "right". Muestra el texto con una línea por el centro <S>.....< /S> (tachado). Es diferente al comando <STRIKE>. Muestra el texto subrayado. No use este <U>...< /U> comando puede confundir con una dirección o Link.
  • 10.
  • 11. CODIGO DESCIPCION ATRIBUTOS ALIGN="..."--especifica el alineamiento de la imagen. WIDTH="..."--Especifica el ancho de la imagen. <IMG atributo1 atributo2> Coloca una imagen el en documento. Si el tamaño no coincide con el original se ajusta. HEIGHT="..."--Igual al anterior pero con la altura. Reproduce un archivo de sonidos en el fondo SRC="..."-- indica el archivo de música. cuando la página es cargada. Este archivo de LOOP="n"-- Indica el número de veces que se <BGSOUND atributo1 atributo2> (IE) sonido puede ser de tipo (.wav or .au) o midi repite. Un valor de "-1" o "INFINITE" indica una (.mid). reproducción sin interrupción. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente. <MARQUEE atributo1 atributo2>...< Fija un texto que se desplaza por la pantalla. WIDTH="..."-- Fija el ancho del Marquee en /MARQUEE> (IE) pixels o %. HEIGHT="..."-- Fija la altura del texto en Pixels o %. AUTOSTART="..."--Especifica si iniciar la ejecución o No. "TRUE" o "FALSE". Inserta un objeto multimedia, como un corto de HIGHT="..."-- Especifica el tamaño en pixeles o <EMBED atributo1 atributo2>< /EMBED> video o sonido, en la página. En los browser %. modernos se mantiene por compatibilidad. LOOP="..."-- Fija el número de repeticiones. Los valores son "TRUE" o "FALSE". Encierra el código de programación que se <SCRIPT atributo>...sentencias script... < ejecuta en la página. Para mantener /SCRIPT> compatibilidad los comandos están marcados como
  • 12.
  • 13. CODIGO DESCIPCION ATRIBUTOS TYPE="..." --Especifica el tipo de indicador de la lista. Los Este comando enumera los párrafos como una valores mas comunes son: DISC, CIRCLE, <LI atributo> lista de palabras usando los siguientes sub- SQUARE, A, a, I, i, 1. comandos: <DIR>,<MENU>, <OL>, o <UL>. VALUE="..."--Especifica el valor asignado a un item. Convierte el texto encerrado por <LI>, en una <MENU>...< /MENU> lista de menús. TYPE="..."--Especifica el tipo de numeración para el indicador. Un tipo de indicador sería: A, Convierte al texto encerrado por <LI>, en una <OL atributo>...< /OL> a, I, i, 1. lista numerada. START="..."--Especifica el valor inicial de la numeración. TYPE="..."--Especifica el tipo de indicador para Convierte el texto encerrado por <LI>, en una <UL atributo>...< /UL> la lista. Los valores comunes son: DISC, lista indicada. CIRCLE, SQUARE. Crea una lista definida. Donde, <DT> <DL>...< /DL> especifica un término de la lista y <DD> especifica el contenido del término.