Cursos para compartir lo que sabes 3.287 cursos gratis
6.265.095 alumnos
6.265.095 alumnos
4,83/5
(6 opiniones)
|2346 alumnos|Fecha publicación: 15/09/2009
Comencemos a crear nuestra página, abriremos un bloc de notas en windows, un Text en FS, o cualquier otra aplicación de texto simple en un sistema operativo. Existen programas que escriben el código por nosotros mientras diseñamos la Web igual que una presentación, además dan opciones a elegir de tags, atributos y valores, y lo pintan del mismo color que yo en el capítulo uno: tag morado, atributo rojo y valor azul. Pero esto no nos interesa porque lo que queremos es aprender a programar, y si lo hace él, se nos acabará olvidando realmente. Creedme, mucho. Abrimos el procesador de texto simple y escribiremos la página de la siguiente forma, no deberéis empezar hasta que terminemos el curso, por supuesto, pero podéis apuntar, subrayar etc... .todo lo que necesitéis, lo primero planificaremos cómo será la página, doy por hecho que ya lo sabéis, de modo que empezaremos con el tag: <!Doctype>, este tag no es en absoluto necesario hoy en día, pero hubo un tiempo que lo fue, indica al navegador que clase de html es, yo suelo usar el tag y los atributos <!DOCTYPE html PUBLIC "- //W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Pero lo podemos omitir sin ninguna clase de problema, de hecho, no suelo usarlo con frecuencia. A Partir de aquí la página es como una escultura, cabeza y cuerpo, posee dos partes, cabecera (<head>) y cuerpo (<body>) En la cabecera se colocan los metatags, que ahora los veremos, los datos de la página y los códigos de activación de sub. Controles. El tag <meta> solo sirve para contener atributos como autor de la página, descripción y palabras clave para losbuscadores....etc. por tanto hemos de considerarlo importante si la vamos a publicar.
Veamos un ejemplo
<!Doctype ~ ...>
<head>
<meta name=keywords content=curso,html.></meta>
Con el atributo name, y valor keywords (palabras clave) especificamos que van a ser, curso y html en "content" hemos de separarlas por comas sin espacios o el navegador interpretará cada palabra como un atributo, en caso que necesitemos un espacio en un valor, lo escribiremos entre comillas:
<Meta name=descripción content="curso para gente que no conozca absolutamente nada el html"></meta>
Hemos de usar un tag meta para cada cosa como la descripción, autor, palabras clave y demás.
Por cierto podemos también cerrar un tag como meta (que no afecte a un texto) de lasiguiente forma
<meta ~ /> pero no es demasiado recomendable, solo por seguridad.
Más importante es todavía el título de la página, lo incluiremos entre los tags de
<title>,
<!Doctype ~>
<head>
<meta name=description content="Curso de html para gente que no sabe
absolutamente nada"></meta>
<meta name=keywords content=curso,html,principiantes>
<title>Curso de html para principiantes</title>
</head>
<body>
</body>
</html>
Si este texto lo guardamos con la extensión html y lo abrimos con un navegador, veremos que hemos creado una página en blanco, pero con nombre en la barra de navegación, y las pestañas. Pero para eso ya esta about:blank, nosotros queremos crear nuestra página Web, y todo lo que escribamos dentro de <body> se mostrará en la Web, en los siguientes capítulos veremos los formatos y los objetos que podemos usar en body.
Hay 6 opiniones. Opina sobre este curso.
| Cursos | Valoración | Alumnos | Vídeo | |
|---|---|---|---|---|
|
Visual Basic 6. Curso de introducción Tutorial de Visual Basic 6. El primer punto de este curso serán los controles y formularios que son los elementos gráficos que forman parte... [15/04/09] |
|
8.426 | ||
|
Introducción al lenguaje Pascal Pascal es un lenguaje de alto nivel y de propósito general (es aplicable a un gran número de aplicaciones diversas) desarrollado por el profesor suizo Niklaus Wirth como ... [01/03/06] |
|
10.704 | ||
|
Programación de aplicaciones XML/XSL con Python y Java Un código para la programación de aplicaciones en XML/XSL en Python y Java... [05/05/05] |
|
3.064 | ||
Publicar en 
del.icio.us 
digg 
meneame
