Pages - Menu

Curso de HTML (Part 1)


Hola amigos , hoy me dispuse a  escribir este articulo con la finalidad de ayudarles a todos ustedes.

Bueno , espero ayudarles en algo.

Bien empecemos, el 65 % de las empresas tienen una pagina web. eso indica que se necesitan de personas especializadas en webs para crearla, pero si por alguna razón no consigues o no tienes tiempo para inscribirte en un curso en un cuidad , esta es la solución

NIVEL DE DIFICULTAD :  MEDIA














Lo primero y siempre lo primero tendremos que trabajar con algún programa de edición de texto como Notepad++ .
Pero si no tienes la disposición de buscar y descargar algún programa puedes hacerlo con el Bloc de Notas

Bien , la estructura básica de una web en html es la siguiente :

<html>
<title></title>
<head></head>
<body></body>
</html>

Analizamos un poco :

1 - <html></html> : Todas las webs (en html) siempre van a empezar en "<html" y terminar en" </html>"
2- <Title></title> : Indicamos el titulo de la página en nuestro navegador
3- <head></head> : Indica y trabaja en la parte de arriba de nuestra web
4- <body></body> ; Indica el "cuerpo de nuestra web , todo lo necesario y mas importante.

}
Pero no has notado algo raro , o algo que todas las etiquetas mencionadas tienen en común?,
Claro que sí , Cuando abrimos una etiqueta tenemos que cerrarla con el símbolo "/" me explico
Por ejemplo si escribo :

<title> Omar Oliden </title>

Te das cuenta,

<ETIQUETA> XXXXX </ETIQUETA>


Bien ahora memorizate lo ecencial del html , esto :
<html>
<title></title>
<head></head>
<body></body>
</html>


Te prop}ongo a Abrir el bloc de notas de tu pc ahora mismo, y hacer esto

escribe (sin ver lo siguiente)

<html>
<title></title>
<head></head>
<body></body>
</html>

Pero ahora no dejaremos los campos vacíos vamos a escribir algo

dentro de <title></title> Escribe algo , eso sera el titulo,

Por ejemplo yo escribiré <title> El Diario de Omar <titile>

Por ahora <head> lo dejaremos vació.

Vamos a <Body> y ponemos algo, por ejemplo

<body> Bienvenidos al diario de Omar , espero la pases bien </body>

en conclusion queda algo asi :

<html>
<title>El Diario de Omar</title>
<head></head>
<body>Bienvenidos al diario de Omar , espero la pases bien</body>
</html>


Ahora guardamos el archivo de texto , Archivo >> Guardar como >> 

De nombre //importante, de nombre le ponemos  Index.html 

Es importante agregar la extensión .HTML Al final.

Queda un archivo , y listo.

Esto fue , todo , espero continuar en la segunda parte.









1 comentario: