Html Etiquetas Y Conceptos
Páginas: 19 (4718 palabras)
Publicado: 28 de febrero de 2013
OBJETIVO GENERAL
Que el estudiante sea creativo, para elaborar un rota folio y que pueda aplicar las etiquetas de HTML. Y el uso de programas que hagan posible una página web presentable y con buena funcionalidad.
OBJETIVO ESPECIFICO
Que el estudiante use su creatividad en grupo de trabajo y especifique la utilidad la utilidad de lenguaje HTML para la creación de una página web teniendolos conceptos básicos para lograrlo aplicar en su sitio: hiperenlaces, colocar imágenes, tablas, formularios, capas web entre otras
INTRODUCCIÓN AL LENGUAJE HTML.
Estudio del lenguaje HTML y analizaremos las herramientas que son necesarias o al menos recomendables para realizar una página web. Además aprenderemos qué es y qué no es el lenguaje HTML; cual es la estructura de una página web;como dar un título a nuestra página y como crear encabezados y texto en ella.
Características del lenguaje HTML
¿Cómo se hace una página Web? Cuando los diseñadores del WWW? se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:
• El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.
• ElWeb tenía que ser hipertexto y debía ser fácil navegar por él.
• Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo
tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
• Debía ser dinámico: el proceso de cambiar y actualizar la
información debía ser ágil y rápido
ESTRUCTURA DE UNA PAGINA HTML
La estructura básica paraun documento web en html es el siguiente:
<html>
<head>
<title>Aquí escribes lo que saldrá en la barra de título</title>
</head>
<body>Aquí todo lo que mostrará la página Web, como texto imágenes, etc...
</body></html>
Una vez hemos escrito el código deberemos guardar el archivo (con formato de texto) con la extensión .html ( o
.htm enMS-DOS,Windows 3.1 o cualquier otro sistema que sólo acepte tres letras en la extensión. Los siguientes
son nombres válidos de archivos que contengan código HTML: index.html, index.htm,principal.html,
PRINCIPAL.htm, etc...
Todas las páginas web tienen la siguiente estructura:
<html>
<head>
<title>Primera página</title>
</head>
<body ><p><h1>
Hola mundo
</h1></p>
</body>
</html>
“EL TEXTO”
Los Caracteres <y> son dos caracteres especiales que indican inicio y fin de etiqueta. Si se desea insertar estos caracteres como texto hay que escribir el nombre que los representa:
* < Se representa con <
* >Se representa con >
Para la “ñ” con la etiqueta &””Tilde; yletras tildadas &””acute;
Para la “ñ” con la etiqueta &””Tilde; y letras tildadas &””acute;
Otros caracteres se muestran en la siguiente tabla:
COMENTARIOS
Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y //-->.
SALTO DE LINEA <br>
En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsarla tecla INTRO.
Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto.
“Hiperenlace”
Hiperenlace
Los hiperenlaces, también llamados hipervínculos, son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casicualquier medio electrónico puede emplear alguna forma de hiperenlace. Un hiperenlace consiste en una o más palabras diferenciadas por un formato diferente al resto del párrafo y que al pinchar sobre ella con el ratón permite navegar a un documento diferente que ampliará la información de las palabras del hiperenlace. El formato más común para diferenciar el hiperenlace suele ser azul y subrayado.Son...
Que el estudiante sea creativo, para elaborar un rota folio y que pueda aplicar las etiquetas de HTML. Y el uso de programas que hagan posible una página web presentable y con buena funcionalidad.
OBJETIVO ESPECIFICO
Que el estudiante use su creatividad en grupo de trabajo y especifique la utilidad la utilidad de lenguaje HTML para la creación de una página web teniendolos conceptos básicos para lograrlo aplicar en su sitio: hiperenlaces, colocar imágenes, tablas, formularios, capas web entre otras
INTRODUCCIÓN AL LENGUAJE HTML.
Estudio del lenguaje HTML y analizaremos las herramientas que son necesarias o al menos recomendables para realizar una página web. Además aprenderemos qué es y qué no es el lenguaje HTML; cual es la estructura de una página web;como dar un título a nuestra página y como crear encabezados y texto en ella.
Características del lenguaje HTML
¿Cómo se hace una página Web? Cuando los diseñadores del WWW? se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:
• El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.
• ElWeb tenía que ser hipertexto y debía ser fácil navegar por él.
• Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo
tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
• Debía ser dinámico: el proceso de cambiar y actualizar la
información debía ser ágil y rápido
ESTRUCTURA DE UNA PAGINA HTML
La estructura básica paraun documento web en html es el siguiente:
<html>
<head>
<title>Aquí escribes lo que saldrá en la barra de título</title>
</head>
<body>Aquí todo lo que mostrará la página Web, como texto imágenes, etc...
</body></html>
Una vez hemos escrito el código deberemos guardar el archivo (con formato de texto) con la extensión .html ( o
.htm enMS-DOS,Windows 3.1 o cualquier otro sistema que sólo acepte tres letras en la extensión. Los siguientes
son nombres válidos de archivos que contengan código HTML: index.html, index.htm,principal.html,
PRINCIPAL.htm, etc...
Todas las páginas web tienen la siguiente estructura:
<html>
<head>
<title>Primera página</title>
</head>
<body ><p><h1>
Hola mundo
</h1></p>
</body>
</html>
“EL TEXTO”
Los Caracteres <y> son dos caracteres especiales que indican inicio y fin de etiqueta. Si se desea insertar estos caracteres como texto hay que escribir el nombre que los representa:
* < Se representa con <
* >Se representa con >
Para la “ñ” con la etiqueta &””Tilde; yletras tildadas &””acute;
Para la “ñ” con la etiqueta &””Tilde; y letras tildadas &””acute;
Otros caracteres se muestran en la siguiente tabla:
COMENTARIOS
Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y //-->.
SALTO DE LINEA <br>
En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsarla tecla INTRO.
Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto.
“Hiperenlace”
Hiperenlace
Los hiperenlaces, también llamados hipervínculos, son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casicualquier medio electrónico puede emplear alguna forma de hiperenlace. Un hiperenlace consiste en una o más palabras diferenciadas por un formato diferente al resto del párrafo y que al pinchar sobre ella con el ratón permite navegar a un documento diferente que ampliará la información de las palabras del hiperenlace. El formato más común para diferenciar el hiperenlace suele ser azul y subrayado.Son...
Leer documento completo
Regístrate para leer el documento completo.