HTML Que es HTML Nace del XML

Que es HTML? Nace del XML en los principios de la “web” ● Es

Y. . . Para que sirve? Es usado para estructurar y disenar paginas web.

Tags? Html utiliza tags para representar sectores y estructuras dentro de la pagina web.

Distintos Tags Existe una gran variedad (mas de 60) de tags distintos, donde cada

Tags <html> </html> ● <hn> </hn> con n = 1, 2, 3 ● <body>

<html> </html> Marca el comienzo (<html>) y el fin (</html>) de una pagina web

<body> </body> Marca el comienzo (<body>) y el fin (</body>) del contenido de una

<body> </body> Ejemplo: <body bgcolor=”fondo. jpg” link=”#FFFFFF” color=”black”> MAS TAGS ACA </body>

<title> </title> v v Introduce un titulo al documento Es la leyenda que se

<font> </font> ● Cambia las propiedades de la fuente Ejemplo: <font face=”Verdana” color=”red”> Este

<a> </a> ● Crea un hipervinculo (link) Ejemplo: <a href=”http: //www. fen. uchile. cl”>

● Inserta un break (enter o nueva linea) Ejemplo: Esto es un texto,

Mi primera pagina web" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-14.jpg" alt="Ejemplo de una pagina web <html> <body bgcolor="green" link="red"> <title> Mi primera pagina web" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Imagenes <img src=”Direccion”> Para insertar una imagen hay que definir el lugar fisico o" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-15.jpg" alt="Imagenes <img src=”Direccion”> Para insertar una imagen hay que definir el lugar fisico o" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Imagenes <img src=”Direccion”> Ejemplo: <img src=”C: imagenesimagen. jpg”> NO TIENE CIERRE Tiene parametros extra" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-16.jpg" alt="Imagenes <img src=”Direccion”> Ejemplo: <img src=”C: imagenesimagen. jpg”> NO TIENE CIERRE Tiene parametros extra" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Tablas Las tablas son quizas una de las estructuras mas usadas en una pagina" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-17.jpg" alt="Tablas Las tablas son quizas una de las estructuras mas usadas en una pagina" /></div> <div class="item"><img class="lazyOwl imgdescription" title="<table> </table> Define el comienzo de una tabla y el fin de esta. Tiene" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-18.jpg" alt="<table> </table> Define el comienzo de una tabla y el fin de esta. Tiene" /></div> <div class="item"><img class="lazyOwl imgdescription" title="<tr> </tr> Define el comienzo de un Row (fila) dentro de una tabla y" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-19.jpg" alt="<tr> </tr> Define el comienzo de un Row (fila) dentro de una tabla y" /></div> <div class="item"><img class="lazyOwl imgdescription" title="<td> </td> Define el comienzo de una columna dentro de una fila (tr) y" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-20.jpg" alt="<td> </td> Define el comienzo de una columna dentro de una fila (tr) y" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Ejemplo de una tabla sencilla <table border="1"> <tr> <td> N </td> <td> RUT </td>" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-21.jpg" alt="Ejemplo de una tabla sencilla <table border="1"> <tr> <td> N </td> <td> RUT </td>" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Ejemplo de una tabla sencilla (Continuacion) <tr> <td> 2 </td> <td> 1121543 -2 </td>" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-22.jpg" alt="Ejemplo de una tabla sencilla (Continuacion) <tr> <td> 2 </td> <td> 1121543 -2 </td>" /></div> <div class="item"><img class="lazyOwl imgdescription" title="" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-23.jpg" alt="" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Formularios Los formularios sirven para poder enviar informacion desde el browser hacia algun otro" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-24.jpg" alt="Formularios Los formularios sirven para poder enviar informacion desde el browser hacia algun otro" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Input Items <input type=”item” name=”nombre” value=”valor”> ● ● ● Text Password Submit Checkbox Radio" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-25.jpg" alt="Input Items <input type=”item” name=”nombre” value=”valor”> ● ● ● Text Password Submit Checkbox Radio" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Formularios POST Cuando se envia informacion usando el metodo POST, esta se envia de" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-26.jpg" alt="Formularios POST Cuando se envia informacion usando el metodo POST, esta se envia de" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Formularios GET Cuando se envia informacion usando el metodo GET, esta se envia de" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-27.jpg" alt="Formularios GET Cuando se envia informacion usando el metodo GET, esta se envia de" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Formularios Ejemplo <form action="test. java" name="formulario" method="POST"> <input type="text" name="nombre"> <textarea name="detalle"> </textarea> <input" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-28.jpg" alt="Formularios Ejemplo <form action="test. java" name="formulario" method="POST"> <input type="text" name="nombre"> <textarea name="detalle"> </textarea> <input" /></div> <div class="item"><img class="lazyOwl imgdescription" title="" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-29.jpg" alt="" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Formularios en tablas <table border="1"> <form action="test. jsp" name="formulario" method="POST"> <tr> <td> Nombre: </td>" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-30.jpg" alt="Formularios en tablas <table border="1"> <form action="test. jsp" name="formulario" method="POST"> <tr> <td> Nombre: </td>" /></div> <div class="item"><img class="lazyOwl imgdescription" title="" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-31.jpg" alt="" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Selección única alternativa: radio Se implementa con un conjunto de lineas <input type=radio name=nombre" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-32.jpg" alt="Selección única alternativa: radio Se implementa con un conjunto de lineas <input type=radio name=nombre" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Selección única alternativa: Select Se implementa con un conjunto de opciones <option value=valor> Texto" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-33.jpg" alt="Selección única alternativa: Select Se implementa con un conjunto de opciones <option value=valor> Texto" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Selección varias alternativas: checkbox Se implementa con un conjunto de lineas <input type=checkbox name=nombre" src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-34.jpg" alt="Selección varias alternativas: checkbox Se implementa con un conjunto de lineas <input type=checkbox name=nombre" /></div> <div class="item"><img class="lazyOwl imgdescription" title="Pongamos todo junto en una página para ordenar pizzas <title> Pizza Order Page " src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-35.jpg" alt="Pongamos todo junto en una página para ordenar pizzas Pizza Order Page " />

<BR> <h 4>Size: <select name=size=1> <option value=small>small</option> <option value=medium>medium</option> <option value=big>big</option> <option value=jumbo>jumbo</option> </select></h

Ingredient Name " src="https://present5.com/presentation/d52bd8d54e261e914b7e4dd2b971f69f/image-37.jpg" alt="
Prices for Ingredients " />

Скачать презентацию HTML Que es HTML Nace del XML

d52bd8d54e261e914b7e4dd2b971f69f.ppt

Количество слайдов: 37

HTML HTML

Que es HTML? Nace del XML en los principios de la “web” ● Es un lenguaje de estructuracion de documentos ● NO es considerado un lenguaje de programacion ● Es la base de cualquier pagina web (Excepto paginas Flash) ●

Y. . . Para que sirve? Es usado para estructurar y disenar paginas web. ● Los Browsers (1) Lo usan para poder traducir ` y mostrar la informacion disponible en una pagina web de una manera estructurada, con tablas, imagenes, animaciones , formularios e hipervinculos (links) ●Es ademas un estandar existente para la creacion de documentos. ● (1) Browser es el software utilizado para visualizar paginas web. Ej: Mozilla Firefox, ` Internet Explorer

Tags? Html utiliza tags para representar sectores y estructuras dentro de la pagina web. ●Los tags comienzan (generalmente) de la forma: < tag > ●Terminando (generalmente) de la forma: < / tag > ●

Distintos Tags Existe una gran variedad (mas de 60) de tags distintos, donde cada uno representa algo diferente dentro de la pagina. ●

Tags <html> </html> ● <hn> </hn> con n = 1, 2, 3 ● <body> Tags ● con n = 1, 2, 3 ● ●

Ingredient Name

● ● ● ●

●

N	RUT	Nombre	Apellido	Nota
1	16021543 -2	Roberto	Konow	39, 5
2	1121543 -2	Macarena	Cazenave	69, 6
3	1121543 -2	Cristian	Tala	1, 0

Ingredient Name	Price
Ham	234
Paprika	225
Onion	456
Corn	555
Tomato	300