h1 {font-size:30px; color:white;}
<!DOCTYPE html> <!– esta etiqueta se usa para el navegador –><html> <!– primera etiqueta que identifica nuestro documento como html–><head> <!– etiqueta head es en donde vamos a poner configuraciones de la pagina –></head> <!– cierre etiqueta head si se dan cuenta tiene la diagonal –><body> <!– cuerpo de nuestra pagina aqui pondremos todo lo que queramos que salga –></body> <!– cierre de body –></html> <!– cierre del documento html –>
<html><head><meta charset=”utf-8″ /><link href=”css/estilo.css” type=”text/css” rel=”stylesheet”><title>Mi Primera Pagina ::. Bienvenido </title></head><body></body></html>
<div id=”wrapper”> <– lo usaremos para manejar toda la pagina como un objeto –></div>
<header> <h1> encabezado </h1></header>
<nav> <h2> navegacion </h2></nav>
<div id=”contenido”> <h3> contenido </h3></div>
<footer> <h4> pie de pagina </h4></footer>
<body><div id=”wrapper”><header> <h1> encabezado </h1></header><nav> <h2> navegacion </h2></nav><div id=”contenido”> <h3> contenido </h3></div> <!– final div contenido –><footer> <h4> pie de pagina </h4></footer></div></body>
<html><head><link href=”estilo.css” rel=”stylesheet” type=”text/css” /><meta charset=”utf-8” /><title> mi primera pagina </title></head><body><div id=”wrapper“><header><h1> encabezado </h1></header><nav><h2> navegacion </h2></nav><div id=”contenido“><h3> contenido </h3></div> <!– final div contenido –><footer><h4> pie de pagina </h4></footer></div></body></html>
Y el Css?! xD! Esta bueno brother! en el nav para hacerlo mas entendido podrias haber colocado una lista <ul><li>tal cosa</li></ul>Buen aporte
Innecesariamente largo, poco didactico y muy de manual... Quizas tu intencion sea la mejor pero dejame decirte que la idea esta pesimamente desviada...+Para comenzar, si queres empezar de cero lo ideal es que empieces desde cero, eso seria recomendar que tipo de programa usar para crear el html y css y como convertirlo, tampoco apuntas que para abrir ese archivo convertido vamos a tener que usar "abrir con"... ya que en realidad es un editor de texto plano (obviamente tambien podrias plantear como entrar a un hosting y directamente publicarlo en una pagina web)+La explicacion de html y css ademas de aburrida no agrega nada de interes radical+Tenes una horrible mezcla de html y html5+Un viejo conocido siempre decia... "sin el no, el si estaria de mas", en este caso explicar <div> y no <span> o utilizar "id" y no "class" simplemente es mostrar parcialmente opciones de una etiqueta que aunque no son iguales estan corelacionadas +Y muchas otras cosas que ya no me interesan revisarPara hacer un real aporte (y espero entiendas el consejo) hay dos caminos a seguir, explicar lo que ya todo saben de otra manera, con otro enfoque, analisis u objetivo... o explicar algo nuevoNi una... ni otra
Esta bien el aporte, me gusto más la primera como mini manual de html y css que el ejemplo practico de el final por esa mezcla de comentaba Alan++, yo en lo personal suelo trabajar con HTML ya HTML5 no esta completamente desarrollado, solo hay algunas partes terminadas y no todos los navegadores tienen todas las partes en version final implementadas (aunque trabajan en ello), yo me centraria en hacer un manual de inicialización de css para que los que empiezan se hacen una idea de como va todo.Otra cosa que comentaba Alan++ es lo de la conversion de el archivo. Dare una lista de programas que utilize yo para desarrollo web, en los diferentes niveles de aprendizaje de el lenguaje.Primer contacto: que es esto que has hecho tu anonimic; notepad. (Yo incluso llege ha hacer alguna que otra pagina con Microsoft Word xDDDDD)Manejo medio de el lenguaje: notepad++ o programer notepad, son programas de resaltado de sintaxis (yo todavia los utilizo a veces).Manejo de el lenguaje avanzado: aqui tendriamos dos opciones los WYSIWYG (lo que ves es lo que obtienes) como Dreamweaver y el resto. Yo al principio utilice Dreamweaver, pero como es caro y te mete mucho codigo basura ahora utilizo Netbeans y Aptana Studio 3 que no son de WYSIWYG pero lo prefiero por que obtengo un mayor control de el codigo generado.Saludos.