Html

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.
HTML 5, YESITH VALENCIA MSC.
2

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.
3

LOS NAVEGADORES  COMPATIBILIDAD
4

THE BASIC CLIENT/SERVER REQUEST/RESPONSE SEQUENCE
5
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.

6
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
7

ESTRUCTURA DE LA PÁGINA WEB
8

EDITORES DE TEXTO
9
Brackets io
Sublime Text
Atom io
DreamWeaver

MI PRIMERA PÁGINA WEB
10

EL PROBLEMA DEL POEMA (<PRE>)
11

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;
12

13

LINKS
14

TABLAS
15

16

17

ETIQUETAS SIN FINALIZAR
18

LISTAS
19

LISTAS
20

LISTAS
21

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

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
23

EJEMPLO
24

FORMULARIODEEJEMPLO
25

26

IFRAME
27

<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)
28

<META> : HEAD
29

RESPONSIVE
30

RESPONSIVE
31

RESPONSIVE
32

ENTIDADES
33

ENTIDADES
34

FRAMES
35

FRAMES
36

EJEMPLO DE UN APLICATIVO
37

38

39

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

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

CANVAS: LINEA
42

CANVAS: CIRCULO
43

CANVAS: TEXTO
44

SVG
•Scalable Vector Graphics
45

SVG: VARIOS
46

SVG: LOGO
47

CANVAS VS SVG
48

MEDIA: VIDEOS
49

MEDIA: AUDIO
50

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
51

Html

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Html

Ähnlich wie Html (20)

Mehr von Yesith Valencia

Mehr von Yesith Valencia (10)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Html