Hola taringueros!!
BIenvenidos a la primera parte del curso de html, ok, este curso es muy facil pero todo depende de cuanta atencion preste a este post....
comenzemos!!!
-ok, lo primero que tienen que saber es ¿que son las etiquetas?..
¿que son las etiquetas?
las etiquetas son aquellas que se utilizan para poder escribir dentro de ellas y al hacerlo estas creando un codigo o comando para la accion que queramos realiazar!!!
ejemplo:
en el siguiente ejemplo vemos las etiquetas:
<>
dentro de ellas se escriben codigos especificos (No cualquier cosa) que los veremos mas adelante..
Codigos y acciones mas basicos mas utilizados para crear paginas webs:
Codigos.. acciones:
<html> lenguaje a escribir
<head> encabezado de pagina
<body> cuerpo de pagina
<tittle> titulo de pagina
<img src=""> insertar imagen
<input type="button" value""> insertar un boton
<href="http//"> link
<h1> letra grande (es utilizada para titulos)
<h2> letra mas pequeña que la anterior
<h3> letra mas pequeña que la anterior
<h4> letra mas pequeña que la anterior
<h5> letra mas pequeña que la anterior
<br> espacio de pagina ( es para saltarceun reglon en un parafo o algo asi)
<font color=""> cambiar el color de la letra
background="" fondo de pagina (este codigo va dentro de "<body>" por eso no tiene
etiqueta!)
<p> para escribir en otro reglon
<center> para centrar
<table> tabla
<tr> una columna para una tabla
<td><td> un reglon para una tabla
Comenzamos con nuestra pagina!!!
- Primero abran el bloc de notas y definimos el lenguaje y como en este caso vamos a escribir en "html" lo ponemos dentro de una etiqueta..
ejemplo:
Bloc de notas:
<html>
con esto ya tenemos el lenguaje definido ahora nos toca comenzar con el encabezado de la pagina entonces pondremos la siguiente etiqueta: <head> que significa cabeza en español,ok
ejemplo:
Bloc de notas:
<html>
<head>
ok,ahora podremos el titulo de nuestra pagina, yo pondre, "ejemplo.com"
ejemplo:
Bloc de notas:
<html>
<head>
<tittle>
alli de seguido pondremos el titulo de la pagina:
ejemplo:
Bloc de notas:
<html>
<head>
<tittle>Ejemplo.com
ahora tenemosque cerrar la etiqueta <titulo> por que es como si dejaramos la pluma abierta y abajo estuviera una ropa seca, si tu la dejas abierta se moja la ropa, igual pasa con el html, si dejas un codigo abierto, el efecto se correra a toda la pagina es como si la pagina fuera puros titulos...
ok, para cerrarlos tenemos que hacer la misma etiqueta pero le agregamos una barra asi, /,estala pueden hacer conla tecla: "shift"+"el numero 7" y les saldra un /
ejemplo:
Bloc de notas:
<html>
<head>
<tittle>Ejemplo.com</tittle>
ahora tendremos que cerrar head, ya que no queremos que la pagina sea un encabezado!!
ejemplo:
Bloc de notas:
<html>
<head>
<tittle>Ejemplo.com</tittle>
</head>
ahora tendremos que hacer el cuerpo de la pagina para eso debemos hacer la siguiente etiqueta:<body> que significa cuerpo en español..
Ejemplo:
Bloc de notas:
<html>
<head>
<tittle>Ejemplo.com</tittle>
</head>
<body>
aqui es en donde se va a poner todo el contenido de la pagina.....pero ya podemos cerrar los otros codigos que han quedado abiertos incluyendo body, pero esto lo haremos al final de la pagina del bloc de notas, para crear un espacio en blanco en donde se escribira todo el contenido, a continuacion cerraremos el lenguaje: <html> y cerraremos el cuerpo: <body>
recuerden que hay que cerrarlos en el mismo orden que se habren o al menos que ustedes lo quieran hacer a su modo por cualquien motivo!!
Ejemplo:
Bloc de notas:
<html>
<head>
<tittle>Ejemplo.com</tittle>
</head>
<body>
(espacio en donde ira todo el contenido de nuestra pagina)
</body>
</html>
hasta aqui llevamos la estructura de nuestra pagina web
OK, ahora vamos a guardar, vamos a dar click en "archivo">"guardar como", a continuacion ponen el nombre que quieran pero este tiene que estar entre comillas y al final debe llevar el .html,
ejemplo:
"guardar como"
Nombre: "Ejemplo.com.hmtl"
asi es como debe de ir, a continuacion abajo nos aparece una opcion llamada "tipo" alli pondremos lo siguiente:
Ejemplo:
"guardar como"
Nombre: "Ejemplo.com.html"
Tipo: "todos los archivos"
una vez echo esto nos aparecera un icono de tu navegador en el archivo, le das doble click y te llevara a la pagina... (recuerden que la pagina todavia no esta subida al internet y por lo tanto solo la pueden ver tu y las personas que tengan esos mismos archivos, en las demas partes les enseñare a subir tu web em html a internet gratis)
Nos vemos en la segunda parte!!!
gracias!!