Comercio electrónico
oFacultad: Dirección de Empresas
oCarrera: Empresas Turísticas y Hoteleras
oNivel: Noveno
oIntegrantes: Guaranguay Sofía
oFecha: 23-11-2015
IBARRA-2015
HTML BÁSICO¿CÓMOCREARUNA PÁGINAWEB?
Usando etiquetas HTML
sencillas se puede
conseguir documentos
Web de calidad
De manera física y
digital lo más
importante es el
contenido
HTML es un lenguaje
universal que funciona
con cualquier
plataforma y navegador
Un documento HTML
debe contener además
de texto, una serie de
instrucciones para el
browser
Se denominan etiquetas
o tags y van entre
guiones < >, contienen
la información de la
página Web
Cualquier documento
Web puede escribirse
desde un programa
básico de texto
“Notepad”
Escribir un documento
complejo exige mayor
conocimiento
Dreamweaver
Se debe entender la
disposición del
etiquetado y las
etiquetas elementales
Los editores no son
perfectos , algunas veces
se debe consultar el
código fuente
Se puede observar
páginas hechas cuyos
códigos están
disponibles
Esquema mínimo de un documento
HTML
Comienza con la etiqueta <HTML>
Principio <…> y Fin </…>
La página está contenida entre:
<HTML> y </HTML>
Para la página Web solo se necesita
escribir las siguientes etiquetas en el
editor de texto con la extensión
HTML o HTM
Todo documento HTML tiene dos
partes
Head: cabecera / información
destinada al navegador
Body: cuerpo / documento que ve el
usuario
El resultado no varia por la
manera en que se coloquen las
etiquetas
La página web aparece vacía pero ya
es operativa
Se modifica al modificar los códigos
en el editor de texto
No se debe cerrar el navegador solo
hay que actualizar
Para que la página tenga título propio
se debe introducir <TITLE>
Con esto ya se tiene el
esqueleto de una página
Web , lo siguiente es
introducir el texto entre
<BODY> y </BODY>
El texto básico de un documento
HTML
 <FONT> etiqueta básica de fuente
 <FONT
FACE=“Arial”>…</FONT>
especificar el tipo de letra
 <FONT
COLOR=“blue”>…</FONT>
especificar el color de la fuente
 Existen páginas con códigos de
colores
 Cada color tiene su código, puede
ser hexadecimal o RGB
 Rojo= color:#ff0000;
 Rojo= color:rgb(255,0,0);
 <FONT SIZE=“?”>…</FONT>
especificar el tamaño de la fuente
 Las etiquetas se pueden combinar
para que controle diferentes
especificaciones
 <BR> salto de línea
OTROS CARACTERES
PÁRRAFOS Y SU
ALINEAMIENTO
LOS TÍTULOS
 Pueden utilizarse hasta seis tipos de
títulos
 Ordenados jerárquicamente con la
etiqueta <Hn>…</Hn> n=1 a 6
ENLACES
E: documento HTML en un
ordenador remoto
L: en el mismo ordenador
A: otro lugar dentro del mismo
documento HTML
Externo
La WWW:
<AHREF="http://servidor/camino.../fichero">...</A>
El correo electrónico.
<A HREF="mailto:usuario@servidor">...</A>
La transferencia de servidores FTP:
<A HREF="ftp://servidor/camino.../fichero">...</A>
Local
Direccionamiento absoluto: trayectoria
completa del archivo en cuestión:
<A
HREF=file:///c:/directorio/subdirectorios/f
ichero.htm">...</A>
Ancla
Primero hay que establecer el punto de
anclaje en el lugar del documento que vaya a
ser el destino del enlace.
Su etiqueta es <A NAME=nombre>...</A>.
Después sólo queda enlazar los caracteres
deseados con el ancla anterior. Su etiqueta
es <A HREF=#nombre>...</A>
Linkografía
• http://paginaspersonales.deusto.es/airibar/Ed_d
igital/HTML/HTML_1.html

Lenguaje html

  • 1.
    Comercio electrónico oFacultad: Direcciónde Empresas oCarrera: Empresas Turísticas y Hoteleras oNivel: Noveno oIntegrantes: Guaranguay Sofía oFecha: 23-11-2015 IBARRA-2015
  • 2.
    HTML BÁSICO¿CÓMOCREARUNA PÁGINAWEB? Usandoetiquetas HTML sencillas se puede conseguir documentos Web de calidad De manera física y digital lo más importante es el contenido HTML es un lenguaje universal que funciona con cualquier plataforma y navegador Un documento HTML debe contener además de texto, una serie de instrucciones para el browser Se denominan etiquetas o tags y van entre guiones < >, contienen la información de la página Web Cualquier documento Web puede escribirse desde un programa básico de texto “Notepad” Escribir un documento complejo exige mayor conocimiento Dreamweaver Se debe entender la disposición del etiquetado y las etiquetas elementales Los editores no son perfectos , algunas veces se debe consultar el código fuente Se puede observar páginas hechas cuyos códigos están disponibles
  • 3.
    Esquema mínimo deun documento HTML Comienza con la etiqueta <HTML> Principio <…> y Fin </…> La página está contenida entre: <HTML> y </HTML> Para la página Web solo se necesita escribir las siguientes etiquetas en el editor de texto con la extensión HTML o HTM Todo documento HTML tiene dos partes Head: cabecera / información destinada al navegador Body: cuerpo / documento que ve el usuario El resultado no varia por la manera en que se coloquen las etiquetas La página web aparece vacía pero ya es operativa Se modifica al modificar los códigos en el editor de texto No se debe cerrar el navegador solo hay que actualizar Para que la página tenga título propio se debe introducir <TITLE> Con esto ya se tiene el esqueleto de una página Web , lo siguiente es introducir el texto entre <BODY> y </BODY>
  • 4.
    El texto básicode un documento HTML  <FONT> etiqueta básica de fuente  <FONT FACE=“Arial”>…</FONT> especificar el tipo de letra  <FONT COLOR=“blue”>…</FONT> especificar el color de la fuente  Existen páginas con códigos de colores  Cada color tiene su código, puede ser hexadecimal o RGB  Rojo= color:#ff0000;  Rojo= color:rgb(255,0,0);  <FONT SIZE=“?”>…</FONT> especificar el tamaño de la fuente  Las etiquetas se pueden combinar para que controle diferentes especificaciones  <BR> salto de línea
  • 5.
    OTROS CARACTERES PÁRRAFOS YSU ALINEAMIENTO LOS TÍTULOS  Pueden utilizarse hasta seis tipos de títulos  Ordenados jerárquicamente con la etiqueta <Hn>…</Hn> n=1 a 6
  • 6.
    ENLACES E: documento HTMLen un ordenador remoto L: en el mismo ordenador A: otro lugar dentro del mismo documento HTML Externo La WWW: <AHREF="http://servidor/camino.../fichero">...</A> El correo electrónico. <A HREF="mailto:usuario@servidor">...</A> La transferencia de servidores FTP: <A HREF="ftp://servidor/camino.../fichero">...</A> Local Direccionamiento absoluto: trayectoria completa del archivo en cuestión: <A HREF=file:///c:/directorio/subdirectorios/f ichero.htm">...</A> Ancla Primero hay que establecer el punto de anclaje en el lugar del documento que vaya a ser el destino del enlace. Su etiqueta es <A NAME=nombre>...</A>. Después sólo queda enlazar los caracteres deseados con el ancla anterior. Su etiqueta es <A HREF=#nombre>...</A>
  • 7.