SlideShare una empresa de Scribd logo
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

Más contenido relacionado

PPTX
Clase 1 periodo II html
PDF
Introducion a HTML5
DOCX
Codigo html
DOCX
Colegio nacional nicolas esguerra
PPT
Etiquetas Html
DOCX
Colegio nacional nicolas esguerra
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Clase 1 periodo II html
Introducion a HTML5
Codigo html
Colegio nacional nicolas esguerra
Etiquetas Html
Colegio nacional nicolas esguerra
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS

La actualidad más candente (20)

PPTX
Codigos html y como crear una pagina Web
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
PDF
Etiquetas para estructurar texto en HTML - 4 parte
PPTX
tutorial para una pagina web
PPT
Sitio 1196353748625921 3
PDF
Manual de html
PPTX
Estructura.html 1
DOCX
Html
PPTX
Unidad educativa municipal
DOCX
Preguntas codecademy
PPTX
tutorial
DOCX
Colegio nacional nicolas esguerra
PPT
Semana 5 html
PDF
Etiquetas en Html
DOCX
El lenguaje html
PPTX
Julieth
PPTX
Jessica
Codigos html y como crear una pagina Web
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto en HTML - 4 parte
tutorial para una pagina web
Sitio 1196353748625921 3
Manual de html
Estructura.html 1
Html
Unidad educativa municipal
Preguntas codecademy
tutorial
Colegio nacional nicolas esguerra
Semana 5 html
Etiquetas en Html
El lenguaje html
Julieth
Jessica
Publicidad

Destacado (20)

PDF
Tic (tecnologías de la información y la comunicación) francis brionesfernández
PPTX
Blog (blogger)
DOCX
Interview ProspectON.com
PDF
Actes des Economic Ideas 2013
PDF
SCÈNE/PLATEFORMES
PPTX
Invención e innovación
PDF
Motion CHU de la reunion
PPTX
La violencia de genero
PDF
Soutien Uganda Skateboard Union
PPTX
Ejemplo redes sociales
PDF
Cómic María y Guillermo
PPTX
Deber 5.1 r_educido
DOCX
Dossier de production 21
PPTX
Trabajo
PPT
Réussir l’aménagement des rythmes scolaires
TXT
David stut
PPTX
Tipos de virus
PPTX
Simbolos patrios
PPT
02 chapter start here
Tic (tecnologías de la información y la comunicación) francis brionesfernández
Blog (blogger)
Interview ProspectON.com
Actes des Economic Ideas 2013
SCÈNE/PLATEFORMES
Invención e innovación
Motion CHU de la reunion
La violencia de genero
Soutien Uganda Skateboard Union
Ejemplo redes sociales
Cómic María y Guillermo
Deber 5.1 r_educido
Dossier de production 21
Trabajo
Réussir l’aménagement des rythmes scolaires
David stut
Tipos de virus
Simbolos patrios
02 chapter start here
Publicidad

Similar a Lenguaje html (20)

PDF
Manual de-html
DOCX
Consulta.docx
DOCX
Consulta.docx
PPT
Conociendo mas sobre HTLM
PPT
conociendo sobre HTLM
PDF
PPTX
DOCX
Html geraly fernanda cabrera aldana
PPTX
Lenguaje html
PPTX
Diseño WEB 1.pptx
PDF
1.3.2 elementos del lenguaje html
PPTX
PDF
Diseño web guias 1-3
PPT
Lenguaje de programación de páginas web
DOCX
Qué es el html
DOCX
Trabajo de html sandy gutierrez
PPSX
Diseño de Páginas Web - HTML
Manual de-html
Consulta.docx
Consulta.docx
Conociendo mas sobre HTLM
conociendo sobre HTLM
Html geraly fernanda cabrera aldana
Lenguaje html
Diseño WEB 1.pptx
1.3.2 elementos del lenguaje html
Diseño web guias 1-3
Lenguaje de programación de páginas web
Qué es el html
Trabajo de html sandy gutierrez
Diseño de Páginas Web - HTML

Más de sofydan (15)

PPTX
Presentacion prueba 4
PPTX
Estrategias para proyecto
PPTX
Marketing porter
PPTX
Tipos de marketing
PPTX
Ley comercio ecuador
PPTX
Firmas digitales
PPTX
Cheques digitales
PPTX
Pay pal
PPTX
Softwares de tiendas
PPTX
Tienda física y virtual
PPTX
Ciclo del comercio electrónico
PPTX
Servidores
PPTX
Navegadores y buscadores
PPTX
La web
PPTX
La web
Presentacion prueba 4
Estrategias para proyecto
Marketing porter
Tipos de marketing
Ley comercio ecuador
Firmas digitales
Cheques digitales
Pay pal
Softwares de tiendas
Tienda física y virtual
Ciclo del comercio electrónico
Servidores
Navegadores y buscadores
La web
La web

Último (20)

PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
DOCX
Tarea De El Colegio Coding For Kids 1 y 2
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PPT
Cosacos y hombres del Este en el Heer.ppt
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Tarea De El Colegio Coding For Kids 1 y 2
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Escuelas Desarmando una mirada subjetiva a la educación
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
caso clínico iam clinica y semiología l3.pptx
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
Cosacos y hombres del Este en el Heer.ppt
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
2 GRADO UNIDAD 5 - 2025.docx para primaria
V UNIDAD - PRIMER GRADO. del mes de agosto
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA

Lenguaje html

  • 1. 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
  • 2. 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
  • 3. 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>
  • 4. 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
  • 5. 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
  • 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>