HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

Presentación del tema: "HyperText Markup Language (Lenguaje de Marcas de Hipertexto)"— Transcripción de la presentación:

1 HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

2 Caracteristicas Un lenguaje de marcado. Puede incluir un script (por ejemplo Javascript). Es de MIME (text/html) (Extensiones de Correo de Internet Multipropósito). Está definido en términos del SGML.

3 Tags Etiquetas (Tags). Etiqueta de apertura y de cierre. Contenido. Atributos. Eventos.

4 Estructura General Ejemplo

5 . declaración de tipo de documento (DTD) –

6 : no tiene cierre. name: author, description, keywords, generator, revised, otro. http-equiv: Allow, Content-Encoding, Content-Length, Content- Type (MIME), Date, Expires, Last-Modified, Location (URL), Refresh, Set-Cookie, WWW-Authenticate. Scheme: formato, URI. content: descripcion. Ejemplo : no tiene cierre. href: URL. target: _blank, _parent, _self, _top, nombre de marco(frame). Ejemplo

7 No tiene cierre charset: UTF-8, ISO-8859-1(default). href. hreflang. media. rel: Alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark, icon. rev. target. type: MINE.

8 Atributos comunies title: información extra. lang. style. class. id. xml:lang.

9 Eventos comunes – Mouse: onclick ondblclick onmousedown onmousemove onmouseout onmouseover onmouseup – Teclado: onkeydown onkeypress onkeyup

10 a : Titulos. : Parrafo. : Textual y por defecto. : salto de linea. : linea horizontal. : enlaces o saltos. : insertar imágenes. : tablas. : formularios. : marcos. : estilos.

11 Estilos de Texto : énfasis. : fuerte. : cursiva. : negrita. :grande. :pequeña. : sub-indice. : indice superior. : direcion de texto (dir=“rtl” o dir=“ltr”). : eliminado (tachar) » cite: URL » datetime: AAAA-MM-DDThh:mm:ssTZD :inserta (subrayar)

12 Presentaciones : definicon de termino. : ejemplo computadora. : tipo codigo. : keyboard. : teletipo. : variable. : cita. Ejemplo de todo lo anterior

13 Bloques : resaltar acronimo. : abreviatura. : direcion (fisica o digital). : cita larga : cita corta.

14 charset. href. hreflang. coords: (x1,y1,x2,y2),(x,y,radio), (x1,y1,x2,y2,…..). shape: rect, circle, poly, default. name. rel. rev. target. type: MINE. Ejemplo

15 alt: nombre alterno. src: URL. height: altura en pix o %. width: ancho. usemap: mapear. (#nombre). : mapeo (name). – » alt. » coords. » href. » nohref: (nohref). » shape. » target. Ejemplo

16 border: pixeles. cellpadding: contenido. cellspacing: entre celdas. frame:void, above, below, hsides, vsides, lhs, rhs, box, border (borde exterior). rules:none, groups, rows, cols, all (borde interior). summary: resumen. width: ancho en pixeles o %.

17 Dentro de : titulo (depues de ). : – align: right, left, center, justify, char. – char – charoff – valign: top, middle, bottom, baseline. : – abbr – axis: categoria – colspan: n columnas – rowspan: n filas – scope: col, colgroup, row, rowgroup. – width – height. – spam Ejemplo

18 action: URL. accept: MIME (subida de archivo). accept-charset. enctype: application/x-www-form-urlencoded, multipart/form-data, text/plain. method: POST, GET. name target

19 accept type: button, checkbox, file, hidden, image, password, radio, reset, submit, text. alt: solo para type=“image”. src checked: por defecto (checkbox, radio). disabled maxlength name readonly size value Ejemplo