QUÉ ES  HTML ? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje ...
ESTRUCTURA DE LA PÁGINA <ul><li>A lo largo de este tema vamos a aprender a  crear una página básica . </li></ul><ul><li>La...
<ul><li>Todas las páginas web escritas en HTML tienen que tener la extensión  html  o  htm . Al mismo tiempo, tienen que t...
CABECERA DE LA PÁGINA <ul><li>La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el t...
TÍTULO DE LA PÁGINA <ul><li>El título de la página es el que aparecerá en la parte superior de la ventana del navegador, c...
NUESTRA PRIMERA PÁGINA <ul><li>Vamos a realizar nuestra primera página  utilizando los códigos html que denominaremos &quo...
<ul><li>C) Igualmente insertamos las instrucciones para el cuerpo de la página <body> y </body> </li></ul><ul><li>Con lo q...
<ul><li>D)  Le ponemos título a la página con la instrucción <title> </title> que tenemos que poner dentro del encabezado ...
<ul><li>Guardamos el fichero para lo cual es aconsejable ser ordenado y crear un subdirectorio en el disco duro de nuestro...
MI PRIMERA PÁGINA <ul><li>   Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al ...
CÓMO GUARDAR? <ul><li>Guarda el documento con la extensión  htm , con el nombre  miprimpag.htm . Puedes guardarlo a través...
<ul><li>Como puedes ver, la página resultante es una página que solamente tiene una línea de texto. </li></ul><ul><li>Si o...
Upcoming SlideShare
Loading in...5
×

C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html

1,458

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,458
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html

  1. 1. QUÉ ES HTML ? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
  2. 2. ESTRUCTURA DE LA PÁGINA <ul><li>A lo largo de este tema vamos a aprender a crear una página básica . </li></ul><ul><li>La estructura básica de una página es: </li></ul><ul><li><html> <head> ... </head> <body> ... </body> </html> </li></ul><ul><li>Ahora veamos cómo funcionan estas etiquetas. </li></ul>
  3. 3. <ul><li>Todas las páginas web escritas en HTML tienen que tener la extensión html o htm . Al mismo tiempo, tienen que tener las etiquetas <html> y </html>. </li></ul><ul><li>Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página. </li></ul><ul><li>Por ejemplo: </li></ul><ul><li><html> ... </html> </li></ul>
  4. 4. CABECERA DE LA PÁGINA <ul><li>La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. </li></ul><ul><li>Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>. </li></ul><ul><li>Por ejemplo: </li></ul><ul><li><html> <head> ... </head> ... </li></ul><ul><li></html> </li></ul><ul><li>Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante), <meta> (si deseas saber para qué sirve y cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación. </li></ul>
  5. 5. TÍTULO DE LA PÁGINA <ul><li>El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. </li></ul><ul><li>Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. </li></ul><ul><li>Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. </li></ul><ul><li>Por ejemplo: </li></ul><ul><li><html> <head> <title> Curso de HTML </title> </head> ... </html> </li></ul>
  6. 6. NUESTRA PRIMERA PÁGINA <ul><li>Vamos a realizar nuestra primera página  utilizando los códigos html que denominaremos &quot;La Primera&quot; y en la que aparezca escrito &quot;soy un fenómeno&quot; </li></ul><ul><li>Tenemos que crear un fichero en el que podremos las instrucciones y lo guardamos como fichero con terminación .htm </li></ul><ul><li>A) Todas las páginas html comienzan con el código de inicio <html> y terminan con el código </html> </li></ul><ul><li>Así que ponemos </li></ul><ul><li><html> </li></ul><ul><li></html> </li></ul><ul><li>B) Las páginas html se dividen en un encabezado y un cuerpo. Para el encabezamiento tenemos que poner los &quot;tags&quot;  </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li>Tenemos que ponerlo dentro de las instrucciones inicial y final de página (paso A) por lo tanto nos queda </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li></html> </li></ul>
  7. 7. <ul><li>C) Igualmente insertamos las instrucciones para el cuerpo de la página <body> y </body> </li></ul><ul><li>Con lo que nos queda </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul><ul><li>  </li></ul><ul><li>Podemos dejar líneas en blanco para comprender con más claridad la estructura del programa que estamos escribiendo. las líneas en blanco serán ignoradas cuando se ejecute el fichero html </li></ul><ul><li>  </li></ul>
  8. 8. <ul><li>D) Le ponemos título a la página con la instrucción <title> </title> que tenemos que poner dentro del encabezado (entre head y head) </li></ul><ul><li>< html>   <head> <title>Mi primera Pagina</title>  </head>   <body> </body> </html>     E) Vamos a poner el texto en negrilla &quot;Soy un fenómeno&quot;. La instrucción para negrilla es <b> y <b/>. Y el texto hay que colocarlo dentro del cuerpo (entre body y body) de la página. </li></ul><ul><li>Por tanto nos queda </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Mi primera Pagina</title>  </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>Soy el mejor </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul><ul><li>  </li></ul>
  9. 9. <ul><li>Guardamos el fichero para lo cual es aconsejable ser ordenado y crear un subdirectorio en el disco duro de nuestro ordenador para ir almacenando los ficheros. </li></ul><ul><li>Es importante: </li></ul><ul><li>Ponerle al fichero la terminación html </li></ul><ul><li>B) Guardarlo como documento de TEXTO (para que no se incluyan otros códigos) </li></ul><ul><li>C) Para evitar problemas es interesante que en el nombre del fichero, NO DEJAR ESPACIOS y NI PONER SIGNOS NO COMUNES como acentos, &quot;ñ&quot;, o símbolos de distintos idiomas. </li></ul><ul><li>  </li></ul>
  10. 10. MI PRIMERA PÁGINA <ul><li>  Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio , Programas , Accesorios , opción Bloc de notas . </li></ul><ul><li>Seguidamente introduce, en el documento en blanco, el texto siguiente: </li></ul><html> <head> <title>MI PRIMERA PAGINA</title> </head> <body bgcolor=&quot;#FFCC99&quot;> <font color=&quot;#CC3300&quot; size=&quot;5&quot;>Hola, estoy haciendo pruebas.</font> </body> </html>
  11. 11. CÓMO GUARDAR? <ul><li>Guarda el documento con la extensión htm , con el nombre miprimpag.htm . Puedes guardarlo a través del menú Archivo , opción Guardar . </li></ul><ul><li>Pulsando dos veces sobre el icono del archivo miprimpag.htm , éste debería abrirse automáticamente en el navegador que tengas instalado en tu ordenador. </li></ul><ul><li>El navegador deberá mostrar una página como la de la derecha. </li></ul><ul><li>Como puedes ver, la página resultante es una página que solamente tiene una línea de texto. </li></ul>
  12. 12. <ul><li>Como puedes ver, la página resultante es una página que solamente tiene una línea de texto. </li></ul><ul><li>Si observas la barra de título del navegador, verás que el título de la página es MI PRIMERA PAGINA . Este título ha sido establecido por la línea <title>MI PRIMERA PAGINA</title>. </li></ul><ul><li>El color de fondo de la página ha sido establecido por la línea <body bgcolor=&quot;#FFCC99&quot;>. </li></ul><ul><li>El texto Hola, estoy haciendo pruebas. se ha insertado a través de línea <font color=&quot;#CC3300&quot; size=&quot;5&quot;>Hola, estoy haciendo pruebas.</font>. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×