Aprende HTML
¿Qué es HTML?
HTML (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto".
HTML, siglas de HyperText 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, 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, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegadores web actualizado
HTML es el lenguaje que te permite describir y dar forma a tús páginas Web.
Publica tus propias páginas con fotos, listas, tablas, etc.
Obtén información de los visitantes de tu sitio.
Diseña los formularios que te permitirán contactar tus futuros clientes.
Crea un sitio para vender tús productos o servicios.
Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús páginas Web
¿Qué conocimientos previos debes poseer?
Para estudiar HTML no se requiere de conocimientos previos en programación.
Es muy simple de aprender ya que no es un lenguaje de programación sino que es un lenguaje de marcas.
Los archivos HTML
Los archivos HTML deben tener una extensión htm o html (ej. misitio.htm o misitio.html).
Para crear un archivo HTML solo hace falta un editor de texto.
Un archivo HTML está compuesto por etiquetas.
Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) como mostrar la página Web.
¡Vamos a hacer nuestro primer sitio!
Si estás usando Windows, abre el "Block de Notas".
Si usas Mac, abre "Simpletext".
Ejemplo
Escribe en el mismo, el siguiente texto:
Código
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body>
Hola a todos.
</body>
</html>
Resultado
Hola a todos.
Guarda el archivo como "pagina1.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML).
Abre el navegador Internet(Internet Explorer, Firefox, Chrome, etc.).
Selecciona "File" y luego "Open".
Se abrirá una ventana, selecciona "Browse" y ubica el archivo que acabas de guardar -"pagina1.html"- elígelo y presiona "Open".
Ahora tú ves la dirección, por ejemplo "C:\My Documents\pagina1.html". Presiona "OK" y el navegador mostrará la página recién creada.
Expliquemos el ejemplo
<html> --> Indica al navegador que abre un archivo HTML.
<head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
<title>Mi primera página Web</title> --> Título de la página.
</head> --> Cierre de la cabecera del documento.
<body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
</body> --> Cierre del cuerpo del documento.
</html> --> Cierre del archivo HTML
La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.
Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.
Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".
Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/" antes del nombre.
Para aprender mas de HTML aquí te dejo varios manuales
Desarrollo Web con PHP, HTML y CSS
¡Desde cero, Adquiera los Fundamentos y Aprenda a Programar en PHP!
Ahora desde su casa u oficina: Totalmente Online, con Asistencia del Profesor y Clases en Videos Interactivos, usted podrá aprender a desarrollar Aplicaciones Web robustas y de alta calidad usando el Lenguaje de Programación PHP.
A través de 6 módulos llenos de Videos y Recursos, y junto a su Profesor Willis Polanco, usted no solo aprenderá PHP, sino que también le enseñaremos los fundamentos de CSS, HTML, Jquery, Mysql, javascript y mucho más. Un Curso totalmente Garantizado o devolvemos su inversión.
¿Qué aprenderá si toma este Curso?
En este curso usted aprenderá todo desde cero. No necesita tener conocimientos previos de Programación en PHP. Le enseñaremos cada concepto, paso a paso.
A continuación mire solo algunas de las cosas que aprenderá a hacer:
Aprenderá a instalar PHP en Microsoft Windows, Linux y Mac
Conocerá la estructura de PHP, cómo visualizar CSS, entender la Configuración PHP....
Aprenderá la Estructura HTML, implementar modos de comentarios, y aprender los modos de Operación de Script
Conocerá los distintos tipos de datos: Variables, Strings, Numéricos, Decimales, Arreglos...
Logrará implementar Expresiones Lógicas: If, Else if...
Dominará las estructuras de Ciclos en PHP: While, For...
Aprenderá lo que son funciones, cómo definirlas y utilizarlas eficientemente...
Conocerá las mejoras técnicas para depurar (debug) su código y resolver problemas...
Dominará la manipulación de datos en PHP, Acceso a Base de Datos MySQL, y cómo construir un CMS
Lo más importante, Logrará crear aplicaciones e integrarlas a un CMS como proyecto final
Comentarios
Publicar un comentario