Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Destacado
Destacado (15)
Similar a HTML: Introducción al lenguaje de marcas
Similar a HTML: Introducción al lenguaje de marcas (20)
Último
Último (19)
HTML: Introducción al lenguaje de marcas
- 2. Qué es HTML Hyper Text Markup Language Lenguaje de Marcas de Hipertexto: Hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
- 3. Las Etiquetas < > Sistema de marcado con etiquetas MAYOR QUE y MENOR QUE. Etiqueta de inicio <inicio> Etiqueta de cierre </cierre> <nombre>Contenido</nombre>
- 4. Cómo funciona? El navegador busca las etiquetas, las lee y realiza la traducción según su nombre. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hola Mundo</title> </head> <body> <H1>Hola mundo!</H1> </body> </html>
- 6. Etiquetas más usadas <html>…</html> Indica al navegador que el archivo es un documento HTML <head>…<head> Encabezado. Este puede tener más información. <title>…</title> Titulo de la página, no es visible en el contenido. <body>…</body> Cuerpo del documento HTML. <center>..</center> Centra el contenido en la página. <hr> Inserta una línea horizontal. <h1>…</h1> Encabezado. Pueden ser H1 hasta H6 <p>…</p> Indica al navegar que el contenido es un parrafo. <b>…</b> Texto en negrilla. <i>…</i> Texto italizado.
- 7. Etiquetas más usadas <ul>…</ul> Listas sin orden <ol>…</ol> Lista ordenada <li>…</li> Contenido de la lista <table>…</table> Tabla <tr>…</tr> Fila <td>..</td> Celda <img src=‘imagen.jpg’ align=‘bottom’> Insertar imagen <a href=‘http://amazon.com’>Amazon</a> Insertar link <a href=‘mailto:info@company.com’>info@company.com</a> Enlace de correo
- 8. DEMOSTRACIÓN
- 9. Estilos CSS
- 10. Qué es CSS? Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML
- 12. Dónde lo ubico? En el mismo documento Como documento externo
- 13. DEMOSTRACIÓN
- 14. JAVASCRIP
- 15. Qué es? JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario. Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.
- 16. Cómo funciona?