Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Unidad 8 Presentada Por Drinkin Tim Hardcore Racing

346 views

Published on

Published in: Technology, Sports
  • Be the first to comment

  • Be the first to like this

Unidad 8 Presentada Por Drinkin Tim Hardcore Racing

  1. 1. Unidad 8 presentadapor:Felipe AlbeloLeoanaFlores Lomeli LauraFlores Jimenez JonathanGonzalez Aguirre <br />Jueves 19 de Noviembre del 2009 <br />
  2. 2. Temas<br />Sintaxis y SimbolosEspeciales<br />Etiquetas<br />Atributos<br />Ventajas De Sintaxis<br />Ejemplo<br />Desventajas<br />
  3. 3. Sintaxis y Simbolos Especiales<br />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.<br />
  4. 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 &lt;xxx&gt; y la de cierre &lt;/xxx&gt;. <br />
  5. 5. Atributos<br />Los atributos modifican las acciones de las tarjetas. Muchas etiquetas pueden permanecer solas, mientras que otras neceistan un atributo para darles funcionalidad. Por ejemplo, &lt;HTML&gt; nunca lleva atributos, mientras que &lt;body&gt; puede llevarlos o no (por ejemplo, &lt;body BGCOLOR...&gt;).<br />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 &lt;/body BGCOLOR...&gt;.<br /> <br />VALORES<br />Definen el atributo al que se lo hemos aplicado. El valor puede ser una palabra (por ejemplo &lt;P ALIGN=&quot;center&quot;&gt;...&lt;/P&gt;) o un número de pixels o porcentaje (como en &lt;TABLE WIDTH=&quot;40%&quot; HEIGHT=&quot;500&quot;&gt;...&lt;/TABLE&gt;). A veces un número no define un número de pixels concreto, por ejemplo, al cambiar el tamaño de las fuentes (&lt;FONT SIZE=&quot;5&quot;&gt;...&lt;/FONT&gt;) 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 &lt;FONT COLOR=&quot;#FF0000&quot;&gt;...&lt;/FONT&gt;. Podrás conocer el funcionamiento de estos números más adelante, cuando expliquemos los atributos que los requieren.<br />
  6. 6. Ventajas de Sintaxis<br /> <br />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.<br />
  7. 7. Ejemplo&lt;html&gt; (Inicio del documento HTML)&lt;head&gt;( Cabecera )&lt;/head&gt;&lt;body&gt;( Cuerpo )&lt;/body&gt;&lt;/html&gt;&lt;b&gt; &lt;/b&gt; Negrita&lt;p&gt; &lt;/p&gt; Definir parrafo&lt;etiqueta&gt; Apertura de la etiqueta&lt;/etiqueta&gt; Cierre de la etiqueta<br />
  8. 8. Desventajas<br />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.<br />

×