html: conceptos básicos (1) · html introducción al desarrollo web créditos de las imágenes y...
TRANSCRIPT
![Page 1: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/1.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML: conceptos básicos (1)
Sergio Luján Mora
Departamento de Lenguajes y Sistemas Informáticos
Universidad de Alicante (España)
IDW-HTML-01
![Page 2: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/2.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Contacto • http://gplsi.dlsi.ua.es/~slujan/
• http://accesibilidadenlaweb.blogspot.com.es/
• http://accesibilidadweb.dlsi.ua.es/
• http://desarrolloweb.dlsi.ua.es/
• http://www.youtube.com/user/sergiolujanmora
• @sergiolujanmora
![Page 3: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/3.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
http://youtu.be/cCHzhQVqEyI
Historia de la Web: su nacimiento parte 1 (11:07)
![Page 4: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/4.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML URL
HTTP
![Page 5: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/5.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML
HyperText Markup Language
![Page 6: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/6.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Estructura Contenido
Presentación
![Page 7: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/7.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 8: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/8.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 9: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/9.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 10: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/10.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
2014
![Page 11: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/11.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 12: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/12.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML 4 XHTML 1
![Page 13: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/13.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 14: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/14.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 15: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/15.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
etiqueta < >
![Page 16: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/16.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html> <head> <title> <meta> <link> <body> <p> <strong> <em> <img> <form> <input> <select> <textarea> <table> <tr> <th> <td> <div> <span>
![Page 17: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/17.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 18: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/18.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 19: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/19.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 20: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/20.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 21: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/21.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 22: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/22.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 23: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/23.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 24: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/24.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Vocabulario
Gramática
![Page 25: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/25.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
¿Cómo se aprende HTML?
![Page 26: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/26.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Practica Practica Practica Practica
![Page 27: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/27.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html> <head> <title> <body>
![Page 28: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/28.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6> <p> <strong> <em>
![Page 29: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/29.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head> <title> <body>
![Page 30: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/30.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head>: cabecera, metadatos <title> <body>
![Page 31: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/31.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head>: cabecera, metadatos <title>: título de la página <body>
![Page 32: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/32.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head>: cabecera, metadatos <title>: título de la página <body>: cuerpo, contenido visible
![Page 33: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/33.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p> <strong> <em>
![Page 34: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/34.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p>: párrafos de texto <strong> <em>
![Page 35: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/35.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p>: párrafos de texto <strong>: texto destacado <em>
![Page 36: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/36.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p>: párrafos de texto <strong>: texto destacado <em>: texto enfatizado
![Page 37: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/37.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<html> <head> <title> <body>
<h1>, …, <h6> <p> <strong> <em>
![Page 38: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/38.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
![Page 39: HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y fotografías](https://reader033.vdocuments.pub/reader033/viewer/2022043012/5faa45b5613c025506119390/html5/thumbnails/39.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Créditos de las imágenes y fotografías http://www.flickr.com/photos/campuspartybrasil/5367149291/
http://www.w3.org/Icons/WWW/w3c_home_nb-v.svg
http://www.w3.org/html/logo/
http://www.sxc.hu/photo/1199939