Html
Descargar como PPT, PDF0 recomendaciones8,623 vistas
HTML es un lenguaje de marcado que se usa para crear páginas web. Utiliza etiquetas como <html> para describir el contenido y estructura de una página. Los documentos HTML contienen etiquetas y texto para definir elementos como encabezados, párrafos, imágenes y tablas.
Html
- 2. ¿Qué es HTML? .Es un lenguaje para crear paginas web -HTML significa “hyper text Markup language” -N0 es un lenguaje de programación -HTML utiliza “markup tags” para describir paginas web
- 3. HTML tags .“markup tags” son llamadas “HTML tags” -HTML tags son palabras entre <> (<HTML>) -HTML tags por lo general vienen en par (<HTML> y </HTML>
- 4. Documentos HTML = Paginas Web -Los documentos HTML describen las paginas web - Los documentos HTML contienen “HTML tags” y texto plano - Los documentos HTML también son conocidos como paginas web
- 5. Ejemplo <HTML> <body> <h1> Mi primera cabecera</h1> <p> mi primer párrafo </p> </body> </HTLM>
- 6. ¿HTM o HTML extensión? .Cuando guardamos un archivo HTML podemos guardarlo con la extensión HTM o HTML
- 7. HTML headings -“HTML headings” son definidos por <h1> hasta <h6> Ejemplo: <h1>esta es una cabecera </h1> <h2>esta es una cabecera </h2> <h3>esta es una cabecera </h3> <h4>esta es una cabecera </h4>
- 8. HTML paragraphs -“HTML paragraphs” son definidos por <p> Ejemplo: <p>este es un párrafo</p> <p>este es otro párrafo</p>
- 9. HTML imágenes -Las imágenes en HTML son definidos por <img> Ejemplo: <img src= “imagen.jpg” width=“100” height=“200”/> Nota: el nombre y el tamaño de la imagen son proveídos como atributos
- 10. HTML sintaxis -Un elemento HTML inicia con “start tag” (<HTML>) -Un elemento HTML termina con “end tag” (<HTML>) - el contenido de un elemento siempre va entre “start tag” y “end tag” (<p>elemento</p>) -Algunos elemento pueden no tener contenido (<br>) -Los elementos vacios se cierran en el “start tag”
- 11. HTML lines -La etiqueta <hr> crea una línea horizontal en la pagina web -el elemento “HR” puede usarse para separar contenidos Ejemplo <p> este es un párrafo</p> <hr> <p> este es un párrafo </p>
- 12. HTML etiquetas de forma -HTML usa etiquetas como <b> y <i> para dar formato al texto, así como “Negrita” y “cursiva” -Estas etiquetas son llamadas “formatting tags”
- 13. HTML Tables -Las tablas son definidas por la etiqueta <table> -Una tabla esta divida por filas (se usa la etiqueta <tr>), y cada fila esta dividida por celdas ( se usa la etiqueta (td) -Cada celda contiene datos (texto, imágenes, otras tablas, etc.)
- 14. ejemplo <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
- 15. HTML frames -Los “frames” se usan para mostrar mas de una pagina HTML en la misma pantalla Ejemplo <frameset cols="25%,75%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> </frameset>
- 16. HTML frames -En el ejemplo anterior se muestran dos columnas, la primera al 25% y la segunda al 75% -La columna también se puede representar en pixeles (cols= “200,500”) y el resto del espacio se puede representar con un asterisco (cols=“25%,*”)