HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y...
Transcript of HTML: Conceptos básicos (1) · HTML Introducción al desarrollo web Créditos de las imágenes y...
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
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
HTM
L Introducción al desarrollo web http://idesweb.es/
http://youtu.be/cCHzhQVqEyI
Historia de la Web: su nacimiento parte 1 (11:07)
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML URL
HTTP
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML
HyperText Markup Language
HTM
L Introducción al desarrollo web http://idesweb.es/
Estructura Contenido
Presentación
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
2014
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTML 4 XHTML 1
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
etiqueta < >
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>
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
HTM
L Introducción al desarrollo web http://idesweb.es/
Vocabulario
Gramática
HTM
L Introducción al desarrollo web http://idesweb.es/
¿Cómo se aprende HTML?
HTM
L Introducción al desarrollo web http://idesweb.es/
Practica Practica Practica Practica
HTM
L Introducción al desarrollo web http://idesweb.es/
<html> <head> <title> <body>
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6> <p> <strong> <em>
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head> <title> <body>
HTM
L Introducción al desarrollo web http://idesweb.es/
<html>: etiqueta principal (raíz) <head>: cabecera, metadatos <title> <body>
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>
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
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p> <strong> <em>
HTM
L Introducción al desarrollo web http://idesweb.es/
<h1>, …, <h6>: encabezados o títulos <p>: párrafos de texto <strong> <em>
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>
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
HTM
L Introducción al desarrollo web http://idesweb.es/
<html> <head> <title> <body>
<h1>, …, <h6> <p> <strong> <em>
HTM
L Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
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