SlideShare a Scribd company logo
1 of 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.

More Related Content

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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 to 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
 

Recently uploaded

definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Explorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramExplorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramDIDIERFERNANDOGUERRE
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 

Recently uploaded (20)

definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Explorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramExplorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ram
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 

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.