TUTORIAL MAYDIS HTML. HOLA MUNDO
Descargar como PPT, PDF1 recomendación807 vistas
Este documento proporciona una introducción básica al lenguaje HTML. Explica que HTML se utiliza para crear páginas web y que consta de etiquetas, atributos y elementos. Detalla los pasos básicos para crear una página web, incluyendo las etiquetas <!DOCTYPE>, <html>, <head>, <title>, <body> y <p>, y cómo guardar el código HTML resultante como un archivo. El objetivo es mostrar a los lectores cómo crear fácilmente su primera página web básica de "Hola Mundo".
TUTORIAL MAYDIS HTML. HOLA MUNDO
- 2. INTRODUCCION • ¿Qué significa HTML? – HyperText Markup Language («lenguaje de marcas de hipertexto»). – HTML es un texto escrito con una sintaxis particular que el navegador es capaz de leer y aplicar
- 3. HERRAMIENTAS • Es el lenguaje que se utiliza para hacer las paginas web • Las paginas web se pueden hacer a través de 2 herramientas: – Programas como Adobe Dreamweaber – Editores de texto como Notepad ++: Lo vamos a utilizar en este tutorial.
- 4. ELEMENTOS DEL LENGUAJE • El lenguaje HTML consta de etiquetas como <img>, atributos como <id> y elementos anteriores como <center>. • En los siguientes tutoriales las iremos explicando hasta lograr nuestra pagina web.
- 5. EMPEZAMOS • Para crear una pagina web es muy sencillo. • Solo hay que tener en cuenta que: – La pagina web consta de 2 partes: • <head> • <body>
- 6. <!DOCTYPE> • Nada mas abrir nuestro editor de texto, lo primero que vamos a poner es lo siguiente: – <!DOCTYPE html> – ¿Qué significa esto? • Con esto le estamos indicando a nuestro navegador que interprete el lenguaje HTML, para que nosotros podamos visualizar correctamente nuestra futura pagina web.
- 7. <HTML> • A continuación empezamos poniendo la etiqueta <html>, que indica el comienzo de nuestra pagina web. • No debemos olvidar en cerrar esta etiqueta de esta forma </html> • Todo lo que haya dentro de estas etiquetas sera nuestra pagina web.
- 8. <HEAD> • A continuación dentro de <html> ponemos la etiqueta <head>, que significa cabeza. • Todo lo que ponemos dentro de esta etiqueta es invisible para los usuarios que ven nuestra pagina web, pero no para nuestro código fuente. • No se nos tiene que olvidar el cerrar la etiqueta </head>
- 9. <HEAD> • Dentro de esta etiqueta pondremos los siguientes elementos: – <title></title>: Este es el texto que sale en la pestaña de nuestro navegador – Metadatos: Estos datos solo son necesarios para hacer estrategias SEO
- 10. <BODY> • Significa cuerpo. • Aquí pondremos todo lo que es visible en nuestra pagina web. • No se debe olvidar el cerrarla: </body>
- 11. HOLA MUNDO • Para que el texto “Hola Mundo” se vea en nuestra pagina web, vamos a utilizar la etiqueta de parrafo: <p> • Esta etiqueta le dice al navegador que escriba la frase que pongamos dentro de esta etiqueta. • No hay que olvidarse de cerrarla: </p> • Mira el ejemplo:
- 12. NUESTRO CODIGO FUENTE Así quedaría todo nuestro código fuente escrito en nuestro editor de texto
- 13. AHORA GUARDA ESE CODIGO FUENTE CON EL SIGUIENTE PROCEDIMIENTO: Pinchamos en Lenguaje y seleccionamos H, y a continuación HTML Guardamos el documento en: Archivo-Guardar Como, y le pones el nombre quieras Una vez guardado, ejecutas en el ordenador el documento guardado y mira el resultado Ya tienes tu primera pagina web!!! Sencillo no…!!! No olvides mirar el siguiente tutorial: Como poner una imagen