Html

HTML 5YesithValencia@gmail.com

HTML 5, YESITH VALENCIA MSC. 2

QUÉ ES?•El HTML (Hyper Text Markup Language) es el lenguaje con

el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

QUÉ ES?•Un documento hipertexto no sólo se compone de texto,

puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.•Los documentos HTML deben tener la

extensión .html o .htm, para que puedan ser visualizados/interpretados en los navegadores (programas que permiten visualizar las páginas web).•Los navegadores se encargan de interpretar el código

HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

LOS NAVEGADORES COMPATIBILIDAD

THE BASIC CLIENT/SERVER REQUEST/RESPONSE SEQUENCE

These are the steps in the request and response sequence: 1.You enter http://server.com into your browser’s address bar.2. Your browser looks up the IP address for server.com.3. Your browser issues a request for the home page at server.com.4. The request crosses the Internet and arrives at the server.com web server.5. The web server, having received there quest, looks for the web page on its hard disk. 6. The server retrieves the web page and returns it to the browser.7. Your browser displays the web page.

1. You enter http://server.com into your browser’s address bar. 2. Your browser looks up the IP address for server.com. 3. Your browser issues a request to that address for the web server’s home page. 4. The request crosses the Internet and arrives at the server.com web server. 5. The web server, having received the request, fetches the home page from its hard disk. 6. With the home page now in memory, the web server notices that it is a file incor- porating PHP scripting and passes the page to the PHP interpreter. 7. The PHP interpreter executes the PHP code. 8. Some of the PHP contains MySQL statements, which the PHP interpreter now passes to the MySQL database engine. 9. The MySQL database returns the results of the statements back to the PHP interpreter. 10. The PHP interpreter returns the results of the executed PHP code, along with the results from the MySQL database, to the web server. 11. The web server returns the page to the requesting client, which displays it.

VERSIONES DE HTML

ESTRUCTURA DE LA PÁGINA WEB

EDITORES DE TEXTO

Brackets io

Sublime Text

Atom io

DreamWeaver

MI PRIMERA PÁGINA WEB

EL PROBLEMA DEL POEMA (<PRE>)

ESTILOS

•<tagname style="property:value;">•<body style="background-color:powderblue;">•Se aplican al: h y p• color:blue; • font-family:verdana;• font-size:36px; • font-size:300%; • text-align:center;

TABLAS

ETIQUETAS SIN FINALIZAR

LISTAS

FORMULARIOS•Se puede tener más de un formulario en el documento

METHOD• With the POST method, the browser sends the data in two steps: the browser first contacts

the forms-processing server specified in the action attribute and then, once contact is made, sends the data to the server in a separate transmission. • On the server side, POST-style applications are expected to read the parameters from a

standard location once they begin execution. Once read, the parameters must be decoded before the application can use the form values. Your particular server defines exactly how your POST-style applications can expect to receive their parameters. • The GET method, on the other hand, contacts the forms-processing server and sends the

form data in a single transmission step: the browser appends the data to the form’s action URL, separated by the question mark character. • The common browsers transmit the form information by either method; some servers receive

the form data by only one or the other method. You indicate which of the two methods—POST or GET—your forms-processing server handles with the method attribute in the <form> tag

EJEMPLO

HTML 5, YESITH VALENCIA MSC. 25FO

IFRAME

<META> : HEAD•Es un elemento usado para especificar:• Tipo de caracteres •Descripción de la página• Palabras clave•Autor• Y otros metadatos…

•<meta> es usada por los navegadores para saber cómo mostrar la información, y por los buscadores (palabras clave)

<META> : HEAD

RESPONSIVE

FRAMES

EJEMPLO DE UN APLICATIVO

CANVAS•Es un elemento usado para dibujar gráficas•JavaScript es que el en realidad hace los dibujos

CANVAS: LINEA

CANVAS: CIRCULO

CANVAS: TEXTO

SVG•Scalable Vector Graphics

SVG: VARIOS

SVG: LOGO

CANVAS VS SVG

MEDIA: VIDEOS

MEDIA: AUDIO

TALLER: PÁGINA WEB•Desarrollar una página web en la que se muestre la

información acerca de sus intereses: educación, deporte, su hoja de vida, etc; utilizando por lo menos todas las etiquetas vistas en clase

Html

Education

Transcript of Html

Etiquetas HTML

HTML & HTML5

Formulario Html

Diseño de Páginas HTML · Tema 2.- Introducción al HTML. ¿Qué es el HTML? Requisitos Para el Diseño de una Página Web. Versiones del HTML. Abrir y Guardar Páginas HTML. Estructura

Curso HTML

Programación HTML

APRENDER Html

10. Edicion Html. Estilos Edicion Html. IntroduccióN 0001

Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Escribir HTML usando otra herramienta.

Ejercicios HTML

Html y html 5

01. Edicion Html. La Base Edicion Html. Texto 0001

Codigo HTML

10. Edicion Html. Estilos Edicion Html. Tecnicas 0001

Lenguaje HTML

Html diapositiva

HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones

HTML Facil

Presentacion html

HTML - Actividades