curso de html
Descargar como PPT, PDF0 recomendaciones842 vistas
El documento describe los elementos básicos de la World Wide Web (WWW) y el lenguaje HTML. Explica que la WWW permite acceder a información en línea a través de un navegador y fue creada por Tim Berners-Lee. También define términos como HTTP, buscadores, nombres de dominio y etiquetas HTML para formato de texto como encabezados, párrafos y fuentes.
curso de html
- 1. Clase 1 WWW (World Wide Web) Es el servicio más utilizado en la actualidad por los Usuarios de internet. Permite conectar con un computador remoto y acceder a la información que proporciona, ya sea texto, imágenes, sonido o programas. El invento del Web llegó de las manos de Tim Berners- Lee de la empresa Norteamericana CERN.
- 2. Clase 1 PROTOCOLO HTTP (HiperText Transfer Protocol ) Es la forma o el modo que se emplea para comunicarse determinados elementos entre sí. Es el lenguaje que emplean los servidores Web. NAVEGADOR o Browsers Para acceder al WWW es necesario emplear un programa cliente de este servicio. Son visualizadores de documentos escritos en lenguaje HTML.
- 3. Clase 1 BUSCADOR Es una página de internet en donde se puede buscar todo tipo de información. Nombres por dominio Nombre_computador : nombre del computador donde se encuentra la página. Subdominio : Es una localización lógica, la cual puede contener otros subdominio. Dominio_principal : Significa una organización o país (edu, org, com)
- 4. Clase 1 HTML : (“Hiper Text Mark Up Language”) Lenguaje para formatear texto con el fin de distribuir documentos en Internet. Basta un editor de texto básico, como el worpad, notepad de windows para escribir el código fuente, interpretado por un navegador como MS-internet Explorer 3.0, Navigator 3.0 o superiores. ELEMENTOS DEL LENGUAJE HTML Elementos Llenos Elementos Vacios Elementos con Argumentos
- 5. Clase 1 Los Elementos llenos se forman mediante una marca de inicio y final. En Html las marcas se delimitan con los signos < (inferiores) y > (superiores). La marca de fin es idéntica a la inicial sólo se diferencia con la barra inclinada antes de nombre. Ej. Texto normal <marca> texto afectado por la marca </marca> resto del texto
- 6. Clase 1 Los Elementos vacíos no requieren de la marca final, ya que no producen un efecto sobre el texto en sí. Los Elementos con argumentos se refiere a que posee atributos. Cada uno de estos atributos podrá tener un valor el cual irá entre comillas, si es alfanúmerico. Ej. <marca atributo 1 atributo 2=numerico atributo 3 = “alfanumerico”> Nota: < = < >=>
- 7. Clase 1 Estructura de un documento HTML Un documento HTML empieza con una marca <html> y Finaliza con la marca </html>, sin importar que sea mayúsculas o minúsculas. Están estructurados en dos partes: cabecera: <HEAD> </HEAD> cuerpo: <BODY> </BODY>
- 8. Clase 1 En la cabecera se incluye <TITLE></TITLE> Descripción que identifica el documento. <META> Contiene palabras claves, nombre del autor, forzar a que la página activa se carga cada cierto tiempo. Esta información no se ve en el navegador. En el cuerpo se encontrará todo aquello que no pertenezca a la cabecera y todo lo que se vea en el navegador. Los comentarios se definen entre las marcas <!-- y - ->
- 9. Clase 1 <!DOCTYPE HTML PUBLIC="-//IETF//DTD HTML 4.0//EN"> <html> <head> <title> MI PRIMERA PAGINA </title> <META name="keywords" content="HTML,realización páginas web,portada,buscadores,precios módicos"> <META name="descripcion" content="Mi primera portada con la guía de MLpoint"> <META name="GENERATOR" content="BOC DE NOTAS Win95"> <META name="author" content="Nombre Apellidos"> <META HTTP-EQUIV="Refresh" content="5";url=pippo.htm> </head> <body> TODO ESTO ES EL CUERPO DE LA PAGINA < HTML > <!-- comentarios --> </body> </html>
- 10. Clase 1 <!DOCTYPE HTML PUBLIC="-//IETF//DTD HTML 4.0//EN"> DOCTYPE: Proporciona información al servidor de web anfitrión de la página entregando los datos necesarios para la Comunicación entre el navegador y el servidor. (no es Obligatorio) Su forma estándar es la siguiente: HTML PUBLIC : El documento es público. IETF : El tipo de HTML público está gestionado por la Internet Engineering Task Force. DTD HTML 4.0 : La versión de HTML soportada es la 4.0. EN : El idioma del documento es el inglés.
- 11. Clase 1 META: Son cadenas de códigos que son las primeras que leen Los buscadores. KEYWORDS : Las palabras clave son los términos que, de manera resumida describen el contenido de una página web. AUTHOR : Autor de la página. DESCRIPCION : Título que aparecerá tras la búsqueda. GENERATOR : Nombre del editor que se ha generado el Documento. NOINDEX : Es cuando se desea que una página NO sea Indicizada en los motores de búsqueda. REFRESH : Refrescar la página cada cierto tiempo.
- 12. Clase 1 ATRIBUTOS Los atributos de las marcas permiten asignar un color o ciertos elementos al documento. Constan de 2 partes y se usan dentro de las marcas. -Nombre -Valor Ej. bgcolor= “#FFFFFF”
- 13. Clase 1 ATRIBUTOS PARA EL CUERPO (<BODY>) BGCOLOR (color de fondo) BACKGROUND (imagen o papel tapiz usado como fondo) LINK (color de los vínculos del documento) VLINK (color de un vínculo ya visitados) ALINK (color de un vínculo al momento de hacer click)
- 14. Clase 1 FORMATO Y APARIENCIA BÁSICA Se puede obtener casi todas las posibilidades de formato para darle cierta apariencia al texto de un documento HTML. Algunos de ellos son: (su visualización depende del navegador). Émfasis <EM> Definición <DFN> Código <CODE> Cita <CITE> Ancho <ANCHOR> Dirección <ADRESS>
- 15. Clase 1 Línea <HR> Supíndice (elevado) <SUP> Subíndice <SUB> Subrayado <U> Cursiva <I> Negrita <B> Ejemplo <XMP> Tamaño de cabecera <H1>...<H6> Variable <VAR> Formato de máquina <TT> Texto Destacado <STRONG> Formato de teclado <KBD>
- 16. Clase 1 Texto Pequeño <SMALL> Texto Grande <BIG> Parpadeo <BLINK> Tachado <STRIKE>
- 17. Clase 1 SEPARADORES DE BLOQUES <P> (Separador de párrafos, sus atributos son left, right, center). <BR> (Salto de línea). <BLOCKQUOTE> (Párrafos Tabulados). <HR> (Línea Horizontal, atributos: noshade, width, size, align). <PRE> (Texto preformateado). <CENTER> (Centrado de bloques)
- 18. Clase 1 FUENTES (tamaño, color y tipo de letra) <FONT atributo = valor atributo) SIZE (tamaño de los caracteres, por defecto es 3 ) COLOR (color de los caracteres) FACE (tipo de letra) Nota: Si se utiliza un tamaño para la letra se debe sumar o restar al número 3. <Basefont size = N> Permite cambiar el tamaño por defecto de la letra para todo el Texto.
- 19. Clase 1 FACE La fuente debe estar disponible en el navegador que está viendo el documento HTML. En caso contrario, se debe usar una alternativa. Arial = Helvetica Courrier New = Courrier Times New Roman = Times <Font Face=“Arial,Helvetica”> Fuente Arial </Font>
- 20. Clase 1 COLOR Los colores se identifican mediante el nombre del color en Inglés o mediante un código del tipo #RRGGBB (Rojo, Verde, Azul). Son valores Hexadecimal comprendido entre 00 y FF. Ej. <Font Color=“green”> Color Verde </Font> Nota: el atributo color se puede utilizar en la etiqueta <Font> (color a la fuente),<Body>(color al entorno bgcolor), controlar el color de los enlaces del <Body>(link,alink,vlink).