HTML FÁCIL - (Clase l)
El lenguaje HTML
INTRODUCCIÓN:
Que tal amigos mios! Para todos aquellos que quieren iniciarse en el maravilloso mundo de HTML de manera totalmente gratis y constructiva, les traigo mi curso rápido y sencillo de este lenguaje base de todas las webs.
La única intención es que puedan comenzar a programar sus páginas y no usar programas enlatados que nos quitan creatividad y carecen de originalidad. Por ende, debo aclarar que el objetivo que persigo es que tengan un acercamiento al código y al uso de las principales etiquetas, y no que hagan copy and paste, seamos sinceros con nosotros mismos!
Siéntanse libre de copiar, reproducir, duplicar este curso, es para uds. y gratis!!! Por supuesto, siempre citando la fuente.
Ojalá pueda servirles en cualquier ámbito laboral cómo me ayudó a mi!!!!!!!!!!!
A comenzar!
----------------------------------------------------------------------------------------------------------------------
CONOCIENDO HTML
Este lenguaje es el predominante para realizar páginas Web. Sus siglas significan
HyperText Markup Language (Lenguaje de Marcado de Hipertexto).
HTML permite estructurar una página mediante texto, sin utilizar ningún software
con herramientas pre-armadas. Se escribe utilizando “etiquetas” o “tags” rodeada de
corchetes angulares (<>.
Una ventaja muy importante al programar en HTML es que basta con utilizar un simple
editor de textos como (bloc de notas o notepad++) para crear páginas web.
El lenguaje base de la WEB es HTML. Está basado en el uso de etiquetas que definen y
conforman la estructura o maqueta de 1 página web. Estas son visualizadas a través del
navegador web, ellos pueden ser Mozilla, Chrome y el famoso Internet Explorer de la
empresa Microsoft.
Dentro de un documento HTML también se pueden ingresar scripts (como Javascript),
CSS, entre otros
¿Qué són las etiquetas HTML?
Las etiquetas definen bloques o atributos dentro de una página web.
Supongamos que necesitamos crear una página web donde el título se encuentre en
negrita, en este caso la etiqueta correspondiente sería <b>para abrir la etiqueta y </b>
para cerrar la misma con el texto del título en el centro. Ej. <b>ESTE ES EL TÍTULO</b>
de esta manera el título se vería así: ESTE ES EL TÍTULO.
Para programar en HTML existen gran cantidad de programas, pero basta con utilizar el
bloc de notas.
El código HTML siempre mantiene la siguiente estrutura básica
El inicio del código <HTML>
El encabezado <HEAD><TITLE>
El cuerpo<BODY>
El fin del código </HTML>
...........................................................................................................................
CREACIÓN DE NUESTRA PRIMER PÁGINA HTML BÁSICA
1. Abrimos el bloc de notas
2. Escribimos el siguiente código (no copiar y pegar de modo que podamos aprender bien las principales etiquetas):
<HTML>
<HEAD>
<TITLE>:::Nuestra primer página web HTML:::</TITLE>
</HEAD>
<BODY>
Bienvenidos a mi página web, este texto se puede ver en el navegador de Internet!
</BODY>
</HTML>
4. Guardamos el archivo con algún nombre y le agregamos la extensión .html. Por ej: mipagina.html
el resultado sería el siguiente:
Explicación de las etiquetas
. Las etiquetas <HTML></HTML> indican el comienzo y fin de la página
. En cambio el <HEAD></HEAD> permite definir entre otras cosas, el título de la página que aparecerá en la barra de título del navegador. Este se indica entre las etiquetas <TITLE></TITLE>
. Por último y resaltado en negrita daremos total importancia al <BODY></BODY> que muestra todo el contenido que aparece en pantalla.
Amigos, por el momento hemos realizado nuestra primer página web utilizando HTML. En la próxima clase veremos otras etiquetas que nos permitirán maquetar de mejor manera los contenidos de nuestra página para lograr un aspecto visual atractivo!
Pronto subiré la parte 2 del tutorial... para finalizar más adelante con PHP!!!
Dejen sus comentarios...
Germán A. Maldonado
El lenguaje HTML
INTRODUCCIÓN:
Que tal amigos mios! Para todos aquellos que quieren iniciarse en el maravilloso mundo de HTML de manera totalmente gratis y constructiva, les traigo mi curso rápido y sencillo de este lenguaje base de todas las webs.
La única intención es que puedan comenzar a programar sus páginas y no usar programas enlatados que nos quitan creatividad y carecen de originalidad. Por ende, debo aclarar que el objetivo que persigo es que tengan un acercamiento al código y al uso de las principales etiquetas, y no que hagan copy and paste, seamos sinceros con nosotros mismos!
Siéntanse libre de copiar, reproducir, duplicar este curso, es para uds. y gratis!!! Por supuesto, siempre citando la fuente.
Ojalá pueda servirles en cualquier ámbito laboral cómo me ayudó a mi!!!!!!!!!!!
A comenzar!
----------------------------------------------------------------------------------------------------------------------
CONOCIENDO HTML
Este lenguaje es el predominante para realizar páginas Web. Sus siglas significan
HyperText Markup Language (Lenguaje de Marcado de Hipertexto).
HTML permite estructurar una página mediante texto, sin utilizar ningún software
con herramientas pre-armadas. Se escribe utilizando “etiquetas” o “tags” rodeada de
corchetes angulares (<>.
Una ventaja muy importante al programar en HTML es que basta con utilizar un simple
editor de textos como (bloc de notas o notepad++) para crear páginas web.
El lenguaje base de la WEB es HTML. Está basado en el uso de etiquetas que definen y
conforman la estructura o maqueta de 1 página web. Estas son visualizadas a través del
navegador web, ellos pueden ser Mozilla, Chrome y el famoso Internet Explorer de la
empresa Microsoft.
Dentro de un documento HTML también se pueden ingresar scripts (como Javascript),
CSS, entre otros
¿Qué són las etiquetas HTML?
Las etiquetas definen bloques o atributos dentro de una página web.
Supongamos que necesitamos crear una página web donde el título se encuentre en
negrita, en este caso la etiqueta correspondiente sería <b>para abrir la etiqueta y </b>
para cerrar la misma con el texto del título en el centro. Ej. <b>ESTE ES EL TÍTULO</b>
de esta manera el título se vería así: ESTE ES EL TÍTULO.
Para programar en HTML existen gran cantidad de programas, pero basta con utilizar el
bloc de notas.
El código HTML siempre mantiene la siguiente estrutura básica
El inicio del código <HTML>
El encabezado <HEAD><TITLE>
El cuerpo<BODY>
El fin del código </HTML>
...........................................................................................................................
CREACIÓN DE NUESTRA PRIMER PÁGINA HTML BÁSICA
1. Abrimos el bloc de notas
2. Escribimos el siguiente código (no copiar y pegar de modo que podamos aprender bien las principales etiquetas):
<HTML>
<HEAD>
<TITLE>:::Nuestra primer página web HTML:::</TITLE>
</HEAD>
<BODY>
Bienvenidos a mi página web, este texto se puede ver en el navegador de Internet!
</BODY>
</HTML>
4. Guardamos el archivo con algún nombre y le agregamos la extensión .html. Por ej: mipagina.html
el resultado sería el siguiente:
Explicación de las etiquetas
. Las etiquetas <HTML></HTML> indican el comienzo y fin de la página
. En cambio el <HEAD></HEAD> permite definir entre otras cosas, el título de la página que aparecerá en la barra de título del navegador. Este se indica entre las etiquetas <TITLE></TITLE>
. Por último y resaltado en negrita daremos total importancia al <BODY></BODY> que muestra todo el contenido que aparece en pantalla.
Amigos, por el momento hemos realizado nuestra primer página web utilizando HTML. En la próxima clase veremos otras etiquetas que nos permitirán maquetar de mejor manera los contenidos de nuestra página para lograr un aspecto visual atractivo!
Pronto subiré la parte 2 del tutorial... para finalizar más adelante con PHP!!!
Dejen sus comentarios...
Germán A. Maldonado