Está en la página 1de 2

Introduccin al Desarrollo

Web: HTML y CSS


Parte I
HTML: conceptos bsicos (parte 2)

Hola, soy Sergio Lujn Mora, profesor de informtica de la Universidad de Alicante, y en este
vdeo que forma parte del curso Introduccin al desarrollo web, te voy a ayudar con tus
primeros pasos con el lenguaje de etiquetado HTML.

Antes de empezar, me gustara recordarte algunos de los sitios web en los que puedes
encontrar ms informacin sobre m y sobre mi trabajo, y dos formas de contactar conmigo,a
travs de mi correo electrnico sergio.lujan@ua.es y a travs de mi cuenta en Twitter
@sergiolujanmora.

Recuerda que con ellenguajeHTMLslosedescribelaestructurayelcontenido,quepuedeser


texto, imgenes, vdeos y otros componentes, de las pginas web. Con HTML no se dene la
presentacin visual de las pginas web.

En la primera parte de este videotutorial vimos la sintaxis del elemento, el componente bsico
de una pgina web. Una pgina web est compuesta porunconjuntodeelementosescritosen
un orden concreto.Recuerdaqueunelementosecomponedeunaetiquetainicialodeapertura,
y una etiqueta nal o de cierre.

Con todas las etiquetas que vimos en la primera parte de este videotutorial ya podemoshacer
pginas web sencillas.

Pero atencin, lo que vamos a ver a continuacin es una simplicacin,paraqueseamsfcil


de entender. En otro vdeo veremos detalles adicionales que son necesarios para que una
pgina web sea realmente correcta.

Para escribir el cdigo de una pgina web, es decir, para escribir el cdigo HTML,nonecesitas
ningn programa especial. En este vdeo vamos a empezar a usar el Bloc de notas, vamos a
hacer la primera pgina web con el Bloc de notas.

Recuerda que la etiqueta principal de una pgina web es la etiqueta<html>.Laetiqueta<html>


debe encerrar todo el contenido de la pgina web. A m me gusta, cuandoescriboelcdigode
la pgina HTML, escribir, cuando escribo la etiqueta de inicio, escribo automticamente la
etiqueta de cierre. As no se me olvida. No es obligatorio, pero es un consejo que te doy.

A continuacin, dentro de la etiqueta <html>, dentro de la pgina web, la siguiente parte, la


primera parte es la cabecera, la seccin <head>. En la seccin <head> recuerdaqueseescribe
informacin, los metadatos que denen cmo se va a procesar la pgina web, cmo se va a
visualizar, pero normalmente en el <head> no se escribe nada que deba aparecer visualmente
en la pgina web. Por ahora, lo nicoquesabemosescribireslaetiqueta<title>,queeselttulo
de la pgina web. LevoyaponerdettuloraseunavezHTML.Yrecuerda,sihemosabiertola
etiqueta <title>, debemos de cerrarla.

Despus del <head> tenemos el apartado <body>, el cuerpo de la pgina. Todo lo que
escribamos aqu en el <body> s que se va a ver, se va a pintar en la pgina web.

Ahorateanimoaqueescribastuprimerapginaweb.Puedeserestaqueyohehechoopuedes
intentar escribir una ms complicada.

Para esta primera pgina he usado un editor sencillo, el Bloc de Notas. En la prxima parte de
este videotutorial voy a usar un programa ms potente.

Muchas gracias por tu atencin.

AVISO IMPORTANTE
Este documento, su texto y grcos e imgenes, puede ser utilizado bajo una licencia Creative Commons de tipo
Atribucin, No-Comercial. En caso de utilizarse este material o de la creacin de un derivado, la atribucin se debe
respetar citandolafuentecomoActvate,GoogleEspaayexpresamente,siesposible,medianteunenlaceactivoa
http://google.es/activate.