Html

HTML [email protected]

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;


LINKS


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

RMUL

ARIO

DE

EJEM

PLO


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


ENTI

DADE

S


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