Mi primera web "Hola Mundo"
Como lo mencionaba en el primer post, les recomiendo que para todos los proyectos que hagan ya tengan un machote que predifina las etiquetas basicas.
En este caso les enseñare que no necesitan el mejor programa del mundo para crear una pagina web de nivel avanzado, solo basta con ir aprendiendo las etiquetas y los efectos que decees.
El primer paso sera crear un block de notas y crear nuevo archivo, en el archivo escribir las etiquetas basicas de la creacion de paginas web.
Si no saben cuales son, pasen por el articulo
HTML5 Introducción
Hasta este punto tendran algo como esto en su block de notas
"Hola mundo"
<
!DOCTYPE html
>
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" > <!-- Esta etiqueta meta es para la compatibilidad con equipos MAC "ipods, ipads, etc. -->
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > El titulo de la pagina </title >
<style type= "text/css" >
Aqui van los estilos en cascada CSS3,CSS2,CSS
</style >
</head >
<body >
Aqui el contenido de la pagina
</body >
</html >
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" > <!-- Esta etiqueta meta es para la compatibilidad con equipos MAC "ipods, ipads, etc. -->
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > El titulo de la pagina </title >
<style type= "text/css" >
Aqui van los estilos en cascada CSS3,CSS2,CSS
</style >
</head >
<body >
Aqui el contenido de la pagina
</body >
</html >
Ahora rellenaremos los campos adecuadamente.
"Hola mundo"
<
!DOCTYPE html
>
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" >
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > Mi primera pagina<!-- Este titulo aparecera en las pestañas del navegador --> </title >
<style type= "text/css" >
#hola{
.hola-titulo{
/* para conocer mas sobre los estilos pasarse por Empezando mi CSS3 */
</style >
</head >
<body >
<div class="hola-titulo">Hola mundo</div>
<br>
<p id="hola">Hola mundo</p>
</body >
</html >
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" >
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > Mi primera pagina<!-- Este titulo aparecera en las pestañas del navegador --> </title >
<style type= "text/css" >
#hola{
color: #3f51b5;
font-size:1.5em;
}.hola-titulo{
font-size:2em;
/* Para conocer las unidades de medida en css pasar al articulo Unidades de medida CSS */color:#000;
}/* para conocer mas sobre los estilos pasarse por Empezando mi CSS3 */
</style >
</head >
<body >
<div class="hola-titulo">Hola mundo</div>
<br>
<p id="hola">Hola mundo</p>
</body >
</html >
Solo falta guardar el archivo con la extencion .html para que lo reconosca cualquier navegador, lo abren y el resultado sera el siguiente.
Diseño terminado
Hola mundo
Hola mundo
Hola mundo