html - wordpress.com · el gedit son idóneos para crear una página web. • los browsers son los...
TRANSCRIPT
![Page 1: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/1.jpg)
HTML
INTRODUCCIÓN
![Page 2: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/2.jpg)
• La casi infinita información que
se encuentra en la WWW debe
estar ordenada de alguna forma para que
la misma puede ser hallda.
• La unidad básica donde está almacenada
esta información son las páginas Web.
• Estas páginas se caracterizan por
contener texto, imágenes, animaciones...
e incluso sonido y video.
![Page 3: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/3.jpg)
• Las páginas web son Hipertexto (o
Hipermedia).
• Esto quiere decir que las páginas
no son elementos aislados, sino
que están unidas a otras mediante
los links o enlaces hipertexto
![Page 4: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/4.jpg)
PÁGINAS Y SITIOS
• Página web: documento electrónico adaptado
para ser leído desde la World Wide Web y
puede mostrarse en un navegador web como
Firefox o Google Chrome.
– Está construido con un lenguaje llamado HTML.
• Sitio Web: Es un conjunto de páginas web
relacionadas entre sí. Además contiene todos
los contenidos multimedia que se muestran en
las páginas.
– Se encuentra alojado en un servidor y tiene una
localización determinada en la WWW del tipo:
www.misitio.com.uy
![Page 5: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/5.jpg)
HTML
• HiperText Markup Language
– Lenguaje Hipertexto de Marcas".
• Es el lenguaje con el que se elaboran las páginas
web, y todos los programas navegadores leen para
presentar información de la World Wide Web
(WWW).
• Se basa en el uso de etiquetas, consistentes en un
texto ASCII encerrado dentro de un par de
paréntesis angulares(<..>). El texto incluido dentro
de los paréntesis nos dará una explicación de la
utilidad de la etiqueta.
![Page 6: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/6.jpg)
¿Qué se necesita para crear
una página web?
• El lenguage HTML es solo texto, por lo tanto
cualquier editor de texto como el Block de Notas o
el Gedit son idóneos para crear una página web.
• Los Browsers son los encargados de interpretar el
código HTML y mostrarlo al usuario.
• Existen programas específicos editores HTML con
herramientas que permiten una mayor
organización y productividad a la hora de elaborar
una página.
– DreamWeaber es uno de estos editores.
![Page 7: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/7.jpg)
Estructura documento HTML
<HTML> Indica el inicio del documento
<HEAD> Indica el inicio de la cabecera
<TITLE> Título del documento </TITLE>
</HEAD> Final de la cabecera
<BODY> Cuerpo del documento
Instrucciones HTML
</BODY> Final del cuerpo del
documento
</HTML> Final del documento
![Page 8: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/8.jpg)
Sintaxis elemento HTML
<strong class=“estilo1”>Texto a mostrar </strong>
Sin atributos:
<strong>Texto a mostrar </strong>
Etiqueta de
inicio
Texto que se
mostrará
Etiqueta de
cierre
Con atributos:
Nombre atributo Valor atributo
![Page 9: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/9.jpg)
Primera página HTML
• En un nuevo archivo de Block de
Notas, copiar el sigueinte código:
![Page 10: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/10.jpg)
Primera página HTML
• Guardar con el nombre ‘pagina’
y agregar la extensión .html
![Page 11: HTML - WordPress.com · el Gedit son idóneos para crear una página web. • Los Browsers son los encargados de interpretar el código HTML y mostrarlo al usuario. • Existen programas](https://reader033.vdocuments.mx/reader033/viewer/2022042011/5e72249b4d0f80139128f875/html5/thumbnails/11.jpg)
Primera página HTML
• Ejecutar el archivo guardado.
<TITLE>
<BODY>