Está en la página 1de 5

Instituto Nacional Tcnico Industrial

Folleto N 1 de Informtica para 2 ao de Bachillerato Prof. Jos Luis Regalado Nombre: N:

Tema: Diseo Web

HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar que, en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su escritura e interpretacin. Wikipedia

Este es un lenguaje muy sencillo que se basa en el uso de etiquetas, encerradas dentro de un par de parntesis angulares <>. El texto incluido dentro de los parntesis nos dar una explicacin de la utilidad de la etiqueta. As por ejemplo la etiqueta <TABLE> nos permitir definir una tabla. Las etiquetas podrn incluir una serie de atributos o parmetros, en su mayora opcionales, que nos permitirn definir diferentes posibilidades o caractersticas de la misma. Estos atributos quedarn definidos por su nombre (que ser explicativo de su utilidad) y el valor que toman separados por un signo de igual. En el caso de que el valor que tome el atributo tenga ms de una palabra deber expresarse entre comillas, en caso contrario no ser necesario. As por ejemplo la etiqueta <TABLE border=2>nos permitir definir una tabla con borde de tamao 2.

Entre otras cosas, el manejo de estas etiquetas nos permitir: Definir la estructura lgica del documento HTML. Aplicar distintos estilos al texto (negrita, cursiva,...). La inclusin de hiperenlaces, que nos permitirn acceder a otros documentos relacionados con el actual. La inclusin de imgenes y ficheros multimedia (grficos, vdeo, audio).

Qu vamos a necesitar para crear un documento HTML? Un procesador de texto para escribir y editar el cdigo HTML. Este podr ser cualquiera que no formatee el texto, ya que el leguaje HTML est basado en el cdigo ASCCI. Un navegador Web como Internet Explorer, Mozilla Firefox, Google Chrome, etc., el cual se encargar del interpretar el cdigo HTML de nuestro documento y mostrrnoslo en todo su esplendor.

La secuencia de trabajo para crear nuestro documento es:

1. Con el procesador de texto crearemos el documento HTML y lo guardaremos con el nombre que deseemos, a excepcin de la extensin, que deber ser necesariamente .htm .html. 2. Para visualizar nuestro documento HTML abriremos el documento con el programa navegador.

Reglas de formato Todos los navegadores usan unas reglas bsicas para poder mostrar una pgina web con un buen formato: El espacio en blanco es ignorado. Ya que un documento HTML puede estar en cualquier tipo de fuente y adems la ventana del navegador puede ser de cualquier tamao. Las etiquetas pueden ser escritas en maysculas o en minsculas. En todo caso se aconseja su escritura en maysculas para poder distinguirlas del texto normal. Existe normalmente una etiqueta de inicio y otra de fin .La etiqueta de fin contendr el mismo texto que la de inicio aadindole al principio una barra inclinada /. La etiqueta afectar por tanto a todo lo que est incluido entre las etiquetas de inicio y fin. No obstante, existen algunas que no necesitan cierre, ya que en estas etiquetas se presupone su final, como por ejemplo; <P> prrafo, <BR> salto de lnea <IMG> inclusin de una imagen.

Estructura de un documento HTML La estructura bsica de un documento HTML es la siguiente:

<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY>

Indica el inicio del documento Indica el inicio de la cabecera Inicio del ttulo del documento Final del ttulo del documento Final de la cabecera Inicio del cuerpo del documento Instrucciones HTML

</BODY> </HTML>

Final del cuerpo del documento Final del documento

Ninguno de estos elementos es obligatorio, pudiendo crear documentos HTML sin incluir estas etiquetas de identificacin. No obstante es altamente recomendable la construccin de pginas HTML siguiendo esta estructura, para una buena estructuracin y legibilidad del cdigo.

Nuestra primera pgina HTML

Una vez que conocemos la estructura bsica de un documento HTML, vamos a crear una pgina HTML muy sencilla.

1. Lo primero ser abrir el procesador de texto que hayamos elegido y copiar el siguiente Cdigo fuente

<HTML> <HEAD> <TITLE>Miprimerapgina HTML </TITLE> </HEAD> <BODY> Esta es mi primera pgina <B>HTML</B> </BODY> </HTML>

2. Una vez tecleado el cdigo, guardamos el documento como Pagina1.htm, y procedemos a abrirlo con el navegador correspondiente. El resultado ser:

Actividad 1: Digite el siguiente texto en bloc de notas para crear una pgina web, agregue ttulo y cuerpo del documento. CATELYN Ser Desmond Grell haba servido a la Casa Tully durante toda su vida. Cuando Catelyn naci, era escudero; cuando ella aprenda a caminar, a montar y a nadar, era caballero; y el da en que se cas, era maestro de armas. Haba visto a la pequea Cat de Lord Hoster convertirse en una joven, en la dama de un gran seor, en la madre de un rey... Y ahora tambin me ha visto convertirme en una traidora. Cuando se fue a la guerra, su hermano Edmure haba nombrado a Ser Desmond castellano de Aguasdulces, por lo que le corresponda a l castigar su crimen. Para aliviar su incomodidad, haba llevado consigo al mayordomo de Lord Hoster, el adusto Utherydes Wayn. Los dos hombres, de pie, la miraban; Ser Desmond fornido, ruborizado y avergonzado; Utherydes esqueltico, adusto y melanclico. Cada cual esperaba que el otro comenzara a hablar. Han consagrado sus vidas al servicio de mi padre y se lo he pagado con la deshonra, pens Catelyn con fatiga. Vuestros hijos... dijo por fin Ser Desmond. El maestre Vyman nos lo ha contado. Los pobres. Es espantoso, espantoso. Pero... Compartimos vuestra pena, mi seora dijo Utherydes Wayn. Todo Aguasdulces est de luto con vos, pero... Las noticias deben de haberos vuelto loca intervino Ser Desmond, la locura del dolor, la locura de una madre, los hombres lo entendern. Vos no sabais... Lo saba dijo Catelyn con firmeza. Entenda qu estaba haciendo y saba que era traicin. Si no me castigis, los hombres creern que hemos estado en connivencia para liberar a Jaime Lannister. Soy la nica responsable de este acto, y slo yo debo responder por l. Ponedme los grilletes que ha dejado libres el Matarreyes y los llevar con orgullo, si as es como debe ser. Grilletes? El mero sonido de la palabra bastaba para estremecer al pobre Ser Desmond. A la madre del rey, a la hija de mi seor? Imposible. Pudiera ser intervino el mayordomo Utherydes Wayn que mi seora consienta en quedar confinada a sus habitaciones hasta el regreso de Ser Edmure. Un tiempo a solas para rezar por sus hijos asesinados.

Confinada, s dijo Ser Desmond. Confinada en una celda en la torre, con eso bastar. Si he de estar confinada que sea en los aposentos de mi padre para que pueda confortarlo en sus ltimos das. Muy bien acept Ser Desmond tras meditarlo un instante. No careceris de comodidades y se os tratar con cortesa, pero se os prohbe recorrer el castillo. Visitad el sept cuando queris, pero el resto del tiempo permaneced en los aposentos de Lord Hoster hasta el regreso de Lord Edmure. Como tengis a bien. Su hermano no era el seor mientras viviera su padre, pero Catelyn no lo corrigi. Ponedme un guardia si es vuestra obligacin, pero os doy mi palabra de que no intentar escapar. Ser Desmond asinti, satisfecho por haber terminado aquella desagradable tarea, pero Utherydes Wayn, con ojos tristes, vacil un momento despus de que el castellano se marchara. Habis hecho algo muy grave, mi seora, pero en vano. Ser Desmond ha mandado a Ser Robin Ryger en su busca para traer de vuelta al Matarreyes o, en su defecto, su cabeza. Catelyn no haba esperado menos. Que el Guerrero d fuerzas a tu espada, Brienne, implor. Haba hecho todo lo que haba podido; lo nico que le quedaba era la esperanza. Trasladaron sus pertenencias al dormitorio de su padre, dominado por la gran cama con dosel en la que ella haba nacido, la que tena las columnas talladas con la forma de una trucha saltarina. Haban llevado a su padre medio piso ms abajo y haban situado el lecho del moribundo frente al balcn triangular que se abra hacia sus propiedades y desde donde poda ver los ros que siempre haba amado. Lord Hoster dorma cuando Catelyn entr, as que sali al balcn y se qued all de pie, con una mano sobre la balaustrada de piedra spera. Ms all del castillo, el rpido Piedra Cada conflua con el plcido Forca Roja, y se divisaba un gran tramo ro abajo. Si viene una vela a rayas desde el este, ser Ser Robin que regresa. Por el momento, la superficie del agua estaba desierta. Dio gracias a los dioses por ello y volvi dentro para sentarse con su padre. Catelyn no saba si Lord Hoster se daba cuenta de que ella estaba all ni si su presencia lo aliviaba, pero a ella la confortaba estar con l. Qu diras si conocieras mi crimen, padre? se pregunt. Habras hecho lo mismo si Lysa y yo estuviramos en manos de nuestros enemigos? O tambin me condenaras y lo llamaras la locura de una madre? En aquella habitacin ola a muerte; era un olor denso, dulzn, infecto y pegajoso. Le recordaba a los hijos que haba perdido, a su dulce Bran y a su pequeo Rickon, asesinados a manos de Theon Greyjoy, que haba sido pupilo de Ned. Todava guardaba luto por Ned, siempre guardara luto por Ned, pero que le quitaran tambin a sus pequeos... Juego de Tronos George R.R. Martin Tormenta de Espadas I Cancin de Hielo y Fuego, 3 libro

También podría gustarte