SlideShare una empresa de Scribd logo
1 de 8
Unidad 8 presentadapor:Felipe AlbeloLeoanaFlores Lomeli LauraFlores Jimenez JonathanGonzalez Aguirre  Jueves 19 de Noviembre del 2009
Temas Sintaxis y SimbolosEspeciales Etiquetas Atributos Ventajas De Sintaxis Ejemplo Desventajas
Sintaxis y Simbolos  Especiales La sintaxis son las reglas que se deben de seguir para escribir un código válido. Para escribir html correctamente necesitamos conocer las características del lenguaje. El elemento principal del html es el de etiqueta. Básicamente, éstas sirven para especificar el tipo de contenido al navegador.
EtiquetasLo primero que hay que saber es el funcionamiento de los documentos HTML, que significa HyperTextMarkupLanguage. Son líneas de texto modificadas con unas marcas. Estas marcas se llaman etiquetas o tags.Las etiquetas que encierran el texto son la de apertura <xxx> y la de cierre </xxx>.
Atributos Los atributos modifican las acciones de las tarjetas. Muchas etiquetas pueden permanecer solas, mientras que otras neceistan un atributo para darles funcionalidad. Por ejemplo, <HTML> nunca lleva atributos, mientras que <body> puede llevarlos o no (por ejemplo, <body BGCOLOR...>). Ten en cuenta que los atributos siempre van en la etiqueta de apertura. nunca en la de cierre. Es absurdo poner algo del estilo de </body BGCOLOR...>.   VALORES Definen el atributo al que se lo hemos aplicado. El valor puede ser una palabra (por ejemplo <P ALIGN="center">...</P>) o un número de pixels o porcentaje (como en <TABLE WIDTH="40%" HEIGHT="500">...</TABLE>). A veces un número no define un número de pixels concreto, por ejemplo, al cambiar el tamaño de las fuentes (<FONT SIZE="5">...</FONT>) el número es simplemente orientativo, no tiene ninguna relación con el tamaño final. Y el número a veces puede ser en formato hexadecimal (16 números, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F...), como en <FONT COLOR="#FF0000">...</FONT>. Podrás conocer el funcionamiento de estos números más adelante, cuando expliquemos los atributos que los requieren.
Ventajas de Sintaxis   Ventajas:· Sencillo que permite describir hipertexto.· Texto presentado de forma estructurada y agradable.· No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.· Archivos pequeños.· Despliegue rápido.· Lenguaje de fácil aprendizaje.· Lo admiten todos los exploradores.
Ejemplo<html> (Inicio del documento HTML)<head>( Cabecera )</head><body>( Cuerpo )</body></html><b> </b> Negrita<p> </p> Definir parrafo<etiqueta> Apertura de la etiqueta</etiqueta> Cierre de la etiqueta
Desventajas Lenguaje estático.· La interpretación de cada navegador puede ser diferente.· Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.· El diseño es más lento.· Las etiquetas son muy limitadas.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Html Bas
Html BasHtml Bas
Html Bas
 
HTML
HTMLHTML
HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Ingeniería web
Ingeniería webIngeniería web
Ingeniería web
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
HTML
HTMLHTML
HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
HTML
HTMLHTML
HTML
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 

Destacado

Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01
Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01
Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01JOSE AYMER MORENO RODRIGUEZ
 
Caderno de equipo.
Caderno de equipo.Caderno de equipo.
Caderno de equipo.ladiespink
 
El diseño gráfico y su función en la
El diseño gráfico y su función en laEl diseño gráfico y su función en la
El diseño gráfico y su función en laJawie Pérez
 
Ciudades Al Atardecer
Ciudades Al AtardecerCiudades Al Atardecer
Ciudades Al AtardecerRenny
 
Exposicion de arte
Exposicion de arteExposicion de arte
Exposicion de arteblogdevon
 

Destacado (8)

Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01
Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01
Web2 0construccincolectivadeconocimiento 091106235954 Phpapp01
 
Caderno de equipo.
Caderno de equipo.Caderno de equipo.
Caderno de equipo.
 
El diseño gráfico y su función en la
El diseño gráfico y su función en laEl diseño gráfico y su función en la
El diseño gráfico y su función en la
 
Ciudades Al Atardecer
Ciudades Al AtardecerCiudades Al Atardecer
Ciudades Al Atardecer
 
Ofício e nota técnica mma pnrs -
Ofício e nota técnica   mma pnrs -Ofício e nota técnica   mma pnrs -
Ofício e nota técnica mma pnrs -
 
Exposicion de arte
Exposicion de arteExposicion de arte
Exposicion de arte
 
Dia da floresta
Dia da florestaDia da floresta
Dia da floresta
 
Etica medica principios y valores
Etica medica principios y valoresEtica medica principios y valores
Etica medica principios y valores
 

Similar a Unidad 8 Presentada Por Drinkin Tim Hardcore Racing (20)

Clase 2
Clase 2Clase 2
Clase 2
 
Html
HtmlHtml
Html
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Html
HtmlHtml
Html
 
Xml
XmlXml
Xml
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
HTML
HTMLHTML
HTML
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
H T M L Tema 2 Formatos, Listas Y Tablas
H T M L    Tema 2    Formatos, Listas Y TablasH T M L    Tema 2    Formatos, Listas Y Tablas
H T M L Tema 2 Formatos, Listas Y Tablas
 

Último

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 

Último (10)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 

Unidad 8 Presentada Por Drinkin Tim Hardcore Racing

  • 1. Unidad 8 presentadapor:Felipe AlbeloLeoanaFlores Lomeli LauraFlores Jimenez JonathanGonzalez Aguirre Jueves 19 de Noviembre del 2009
  • 2. Temas Sintaxis y SimbolosEspeciales Etiquetas Atributos Ventajas De Sintaxis Ejemplo Desventajas
  • 3. Sintaxis y Simbolos Especiales La sintaxis son las reglas que se deben de seguir para escribir un código válido. Para escribir html correctamente necesitamos conocer las características del lenguaje. El elemento principal del html es el de etiqueta. Básicamente, éstas sirven para especificar el tipo de contenido al navegador.
  • 4. EtiquetasLo primero que hay que saber es el funcionamiento de los documentos HTML, que significa HyperTextMarkupLanguage. Son líneas de texto modificadas con unas marcas. Estas marcas se llaman etiquetas o tags.Las etiquetas que encierran el texto son la de apertura <xxx> y la de cierre </xxx>.
  • 5. Atributos Los atributos modifican las acciones de las tarjetas. Muchas etiquetas pueden permanecer solas, mientras que otras neceistan un atributo para darles funcionalidad. Por ejemplo, <HTML> nunca lleva atributos, mientras que <body> puede llevarlos o no (por ejemplo, <body BGCOLOR...>). Ten en cuenta que los atributos siempre van en la etiqueta de apertura. nunca en la de cierre. Es absurdo poner algo del estilo de </body BGCOLOR...>.   VALORES Definen el atributo al que se lo hemos aplicado. El valor puede ser una palabra (por ejemplo <P ALIGN="center">...</P>) o un número de pixels o porcentaje (como en <TABLE WIDTH="40%" HEIGHT="500">...</TABLE>). A veces un número no define un número de pixels concreto, por ejemplo, al cambiar el tamaño de las fuentes (<FONT SIZE="5">...</FONT>) el número es simplemente orientativo, no tiene ninguna relación con el tamaño final. Y el número a veces puede ser en formato hexadecimal (16 números, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F...), como en <FONT COLOR="#FF0000">...</FONT>. Podrás conocer el funcionamiento de estos números más adelante, cuando expliquemos los atributos que los requieren.
  • 6. Ventajas de Sintaxis   Ventajas:· Sencillo que permite describir hipertexto.· Texto presentado de forma estructurada y agradable.· No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.· Archivos pequeños.· Despliegue rápido.· Lenguaje de fácil aprendizaje.· Lo admiten todos los exploradores.
  • 7. Ejemplo<html> (Inicio del documento HTML)<head>( Cabecera )</head><body>( Cuerpo )</body></html><b> </b> Negrita<p> </p> Definir parrafo<etiqueta> Apertura de la etiqueta</etiqueta> Cierre de la etiqueta
  • 8. Desventajas Lenguaje estático.· La interpretación de cada navegador puede ser diferente.· Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.· El diseño es más lento.· Las etiquetas son muy limitadas.