0
0. HTML: Introducción¿Qué es el HTML?HyperText Markup Language (Lenguaje de Marcas de Hipertexto)Definiéndolo de forma sen...
1. HTML: Características básicasPor convención, los archivos de formato HTML usan laextensión .htm o .html•En los nombres ...
1. HTML: Características básicas  Las partes que componen los documentos HTML se denominan  Elementos. Son la estructura b...
1. HTML: Características básicas  •Anatomía de las Etiquetas   Más información sobre todos las etiquetas HTML:   + etiquet...
•Anatomía de las Etiquetas (X)HTML: HTML define 91 etiquetas que los diseñadores pueden utilizar para marcar los diferente...
•Anatomía de las Etiquetas (X)HTML:*Sintaxis de las etiquetas Los nombres de las etiquetas y atributos siempre se escriben...
•Anatomía de las Etiquetas: Apertura y cierre (Elemento)
•Anatomía de las Etiquetas: varios Elementos*Sintaxis de las etiquetas Cuando se incluyen varios elementos, la primera eti...
•Anatomía de las Etiquetas: Etiqueta Vacía*Sintaxis de las etiquetas Todas las etiquetas deben cerrarse siempre: La mayorí...
1. HTML: Características básicas  •Anatomía de los Atributos   Más información sobre todos los Atributos   + introduccion_...
•Anatomía de los Atributos : Los atributos permiten personalizar las etiquetas HTML No todos los atributos se pueden utili...
•Anatomía de los Atributos :La mayoría de los atributos de un elemento son paresnombre-valor, separados por un signo de ig...
•Anatomía de los Atributos :*Sintaxis de las etiquetas El valor de los atributos siempre se encierra con comillas: Correct...
•Anatomía de los Atributos : Los atributos siempre van dentro de la etiqueta de apertura. *Estas etiquetas pueden tener mú...
2. Estructura del documento HTMLLas páginas HTML se dividen en dos partes:la cabecera y el cuerpo.                    Para...
2. Estructura del documento HTML<html><head>La cabecera (head)incluye información sobre la propia página, como porejemplo ...
2. Estructura del documento HTML<body>El cuerpo (body)El cuerpo de la página incluye todos sus contenidos, comopárrafos de...
Upcoming SlideShare
Loading in...5
×

001 html

533

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
533
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "001 html"

  1. 1. 0. HTML: Introducción¿Qué es el HTML?HyperText Markup Language (Lenguaje de Marcas de Hipertexto)Definiéndolo de forma sencilla, "HTML es lo que se utilizapara crear todas las páginas Web de Internet".Más concretamente, HTML es el lenguaje con el que se"escriben" la mayoría de páginas Web.El propio W3C (World Wide Web Consortium) define ellenguaje HTML como"un lenguaje reconocido universalmente y que permitepublicar información de forma global".
  2. 2. 1. HTML: Características básicasPor convención, los archivos de formato HTML usan laextensión .htm o .html•En los nombres de los archivos mejor no utilizar la ñ ni otros caracteres extendidos.•Tampoco podemos utilizar los acentos.•Ni los espacios entre palabras. Si queremos separar, emplearemos el guión bajo•Mejor emplearemos minúsculas y nombres cortos.(Lo que se ha dicho para los nombres de archivos es también conveniente para los nombres de las carpetas).
  3. 3. 1. HTML: Características básicas Las partes que componen los documentos HTML se denominan Elementos. Son la estructura básica del HTML y están formados por: <ETIQUETA Atributos> Contenido <ETIQUETA> Estructura general de una línea de código en el lenguaje de etiquetas HTML
  4. 4. 1. HTML: Características básicas •Anatomía de las Etiquetas Más información sobre todos las etiquetas HTML: + etiquetas_html.pdf + introduccion_xhtml.pdf (2.3. Etiquetas y atributos) + http://www.htmlquick.com/es/reference/tags.html
  5. 5. •Anatomía de las Etiquetas (X)HTML: HTML define 91 etiquetas que los diseñadores pueden utilizar para marcar los diferentes elementos que componen una página: a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
  6. 6. •Anatomía de las Etiquetas (X)HTML:*Sintaxis de las etiquetas Los nombres de las etiquetas y atributos siempre se escriben en minúsculas: Bien: <html> Mal: <HTML>
  7. 7. •Anatomía de las Etiquetas: Apertura y cierre (Elemento)
  8. 8. •Anatomía de las Etiquetas: varios Elementos*Sintaxis de las etiquetas Cuando se incluyen varios elementos, la primera etiqueta que se abre debe ser la última en cerrarse: Bien: <p> <q> </q> </p> Mal: <p> <q> </p> </q>
  9. 9. •Anatomía de las Etiquetas: Etiqueta Vacía*Sintaxis de las etiquetas Todas las etiquetas deben cerrarse siempre: La mayoría de etiquetas HTML encierran un contenido de texto entre la etiqueta de apertura y la etiqueta de cierre. Sin embargo, algunas etiquetas especiales llamadas "etiquetas vacías" no necesitan encerrar ningún texto. Correcto en XHTML: <br/> Incorrecto en XHTML: <br>
  10. 10. 1. HTML: Características básicas •Anatomía de los Atributos Más información sobre todos los Atributos + introduccion_xhtml.pdf (2.3. Etiquetas y atributos)
  11. 11. •Anatomía de los Atributos : Los atributos permiten personalizar las etiquetas HTML No todos los atributos se pueden utilizar en todas las etiquetas. Por ello, cada etiqueta define su propia lista de atributos disponibles. Cada atributo también indica el tipo de valor que se le puede asignar. Algunos de los atributos son comunes a muchas o casi todas las etiquetas. *Los atributos comunes se dividen en cuatro grupos según su funcionalidad: básicos, para internacionalización, de eventos, para los elementos que pueden obtener el foco.
  12. 12. •Anatomía de los Atributos :La mayoría de los atributos de un elemento son paresnombre-valor, separados por un signo de igual "=" yescritos en la etiqueta de comienzo de un elemento,después del nombre de éste.
  13. 13. •Anatomía de los Atributos :*Sintaxis de las etiquetas El valor de los atributos siempre se encierra con comillas: Correcto en XHTML: <p>Este es un párrafo con <a href="http://www.google.com">un enlace</a> </p>
  14. 14. •Anatomía de los Atributos : Los atributos siempre van dentro de la etiqueta de apertura. *Estas etiquetas pueden tener múltiples atributos.
  15. 15. 2. Estructura del documento HTMLLas páginas HTML se dividen en dos partes:la cabecera y el cuerpo. Para ver esta pel cula, debe disponer de QuickTimeª y de un descompresor TIFF (sin comprimir).
  16. 16. 2. Estructura del documento HTML<html><head>La cabecera (head)incluye información sobre la propia página, como porejemplo su título y su idioma.Su contenido no es visible (con la única excepción del títulode la página, que los navegadores muestran como título desus ventanas).</head>
  17. 17. 2. Estructura del documento HTML<body>El cuerpo (body)El cuerpo de la página incluye todos sus contenidos, comopárrafos de texto e imágenes.Contiene todo lo que el usuario ve en su pantalla…</body></html>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×