7
¿Qué es html? Es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo deben mostrar el contenido de una página web. El lenguaje html contiene dos partes: * el CONTENIDO, que es el texto que se verá en la pantalla de un ordenador, * y LAS ETIQUETAS Y ATRIBUTOS que estructuran el texto de la página web en encabezados, párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla. Las etiquetas, que son un conjunto de caracteres que rodean partes del Computación

Navegadores web

Embed Size (px)

Citation preview

Page 1: Navegadores web

Computación

¿Qué es html?Es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo deben mostrar el contenido de una página web.

El lenguaje html contiene dos partes: * el CONTENIDO, que es el texto que se verá en la pantalla de un ordenador, * y LAS ETIQUETAS Y ATRIBUTOS que estructuran el texto de la página web en encabezados, párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla.

Las etiquetas, que son un conjunto de caracteres que rodean partes del documento, están formadas por los símbolos < >.

Page 2: Navegadores web

Computación

Navegadores webHtml es compatible con todos los navegadores como por ejemplo: Internet Explorer, Mozilla Firefox , Google Chrome, Opera, etc. ya que permiten visualizar el código html.

Mozilla FirefoxI. Explorer

Ópera

Google Chrome

Page 3: Navegadores web

Computación

Editores de TextoSon programas que permiten crear y modificar archivos digitales compuestos únicamente por texto sin formato (es decir sin negrita, sin cursiva, sin colores, etc.), conocidos con los nombres de archivos de texto plano.

Bloc de notaswordpad

Page 4: Navegadores web

Computación

Estructura de un documento webUn documento HTML está definido por una etiqueta de apertura <HTML> y una etiqueta de cierre </HTML>. Dentro de este se dividen dos partes fundamentales la cabecera, delimitada por la etiqueta <HEAD> y el cuerpo, delimitado por la etiqueta <BODY>. Por tanto la estructura de un documento HTML será:

<HTML> <HEAD> Colegio (Título de la página)</HEAD> <BODY> Contenido (Cuerpo de la página web)</BODY> </HTML>

Page 5: Navegadores web

Computación

Etiquetas en htmlEstán delimitadas o entre los símbolos < > y existen etiquetas abiertas y cerradas:Etiquetas abiertas: son las etiquetas que tienen solo la etiqueta de apertura. Ejemplo: <br> (salto de línea)Etiquetas Cerradas: son las etiquetas que tienen apertura y al final se cierran. Ejemplo: <b> palabra </b> (es para poner negrilla o negrita.)

Etiqueta Función Lo que muestra la pagina web

<!– comentario --> Para comentario (son invisibles)

<br> Salto de línea QuitoEcuador

<b> y </b> Pone negrilla Juan León Mera

<img src=“url”> Inserta una imagen

Page 6: Navegadores web

Computación

GIMPEs un programa de edición y creación de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Forma parte del proyecto GNU.

Ventanas principales de GIMP

1. La caja de herramientas.

2. La ventana de capas. 3. La ventana principal del

programa

Page 7: Navegadores web

Computación

¿Que se puede hacer con GIMP?

Crear imágenes y editarlas.Crear imágenes usando capasBorrar fondos de las imágenes y dejarla

transparente, etc.

Se puede cambiar el formato de las imágenes mediante la utilización de algún programa de tratamiento de imágenes,

como pueden ser Fireworks, Photoshop, Gimp, Corel Draw, etc