SlideShare una empresa de Scribd logo
1 de 7
Tema: Pagina web
Lic. Oney David Begambre Pérez
INGRESAR
Conjunto organizado y coherente de páginas Web que tiene como función
ofrecer, informar, publicitar o vender contenidos, productos y servicios al
resto del mundo.
Una de las ventajas es que son más los miles de usuarios que acceden a
Internet buscando información, un producto o servicio. Por eso, no tener
una Web supone una gran desventaja competitiva con respecto a otras
empresas que sí la tienen.
SITIO WEB
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Está compuesto por una seríe de etiquetas que el navegador interpreta y da
forma en la pantalla.
HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y
contenido.
HTML
VER VIDEO
El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la
sintaxis de las etiquetas, Las etiquetas siempre van contenidas entre los signos
de desigualdad < y >. Por ejemplo <body>,<title> o <p>.
Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el
signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el
cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas,
depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se
cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la
misma etiqueta, como por ejemplo: <br />, que equivaldría a <br></br>. La
etiqueta <br /> escribe un salto de línea.
ETIQUETAS
VER VIDEO
Ya hemos comentado que todo el texto de la página estará dentro
del <body>, que a su vez estará dentro del <html>. El texto dentro
del <body>debe estar dentro de párrafos. En HTML, los párrafos se
identifican con la etiqueta <p></p>. Dentro de los párrafos colocaremos
texto e imágenes, y algunas etiquetas que nos permitan dar formato al
texto, pero no podemos tener otros párrafos anidados.
A su vez, disponemos de encabezados que nos permiten organizar el texto.
Los encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el
más pequeño.
VER VIDEO
ESTRUCTURA DEL TEXTO
Ya hemos visto que podemos incluir imágenes en nuestra página web
utilizando la etiqueta <img src="imagen.png" alt="texto alternativo" />, y
que estas imagen deben de ser del formato jpg, gif o png, dependiendo del
tipo de imagen, para obtener la mejor relación calidad-tamaño.
Por ejemplo, vamos a crear una galería fotográfica para las imágenes de las
distintas flores que queremos colgar en nuestro sitio.
VER VIDEO
INSERTAR IMAGEN
Para insertar una tabla hay que dirigirse al menú Insertar, a la opción Tabla. En la
nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la
tabla, así como el Ancho de la tabla.
El Ancho puede ser definido como Píxeles o como Porcentaje. La diferencia de uno y
otro es que el ancho en Píxeles es siempre el mismo, independientemente del
tamaño de la ventana del navegador en la que se visualice la página, en cambio, el
ancho en Porcentaje indica el porcentaje de la página o del elemento contenedor) y
se ajustará al tamaño de la ventana del navegador, esto permite que los usuarios que
tengan pantallas grandes, aprovechen todo el ancho de pantalla.
Grosor del Borde indica el grosor del borde de la tabla en píxeles, por defecto se le
asigna uno (1). Si lo ponemos a 0 o en blanco, la tabla no mostrará borde.
VER VIDEO
INSERTAR TABLA

Más contenido relacionado

La actualidad más candente (18)

Principios Y DiseñO De Aplicaciones
Principios Y DiseñO De  AplicacionesPrincipios Y DiseñO De  Aplicaciones
Principios Y DiseñO De Aplicaciones
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Html
HtmlHtml
Html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 

Destacado

早期療育對自閉症的助益
早期療育對自閉症的助益早期療育對自閉症的助益
早期療育對自閉症的助益Jade Khan
 
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...Robbie Van Kampen
 
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015Anna Kuliberda
 
Intervista a Nicola Mangini - General Manager Accessorize e Aldo
Intervista a Nicola Mangini - General Manager Accessorize e AldoIntervista a Nicola Mangini - General Manager Accessorize e Aldo
Intervista a Nicola Mangini - General Manager Accessorize e AldoFree Your Talent
 
Desarrollo guia de tecnologia
Desarrollo guia de tecnologiaDesarrollo guia de tecnologia
Desarrollo guia de tecnologiakaterine zambrano
 
Chapter 14 section 2
Chapter 14 section 2Chapter 14 section 2
Chapter 14 section 2Laura Beckham
 
Crenças limitantes crítico interno versão linkedin
Crenças limitantes crítico interno versão linkedinCrenças limitantes crítico interno versão linkedin
Crenças limitantes crítico interno versão linkedinAna Sousa
 
Simple ways to save the environment
Simple ways to save the environmentSimple ways to save the environment
Simple ways to save the environmenttererobinson60
 

Destacado (20)

Tecnologia 2
Tecnologia 2Tecnologia 2
Tecnologia 2
 
Segundo periodo
Segundo periodoSegundo periodo
Segundo periodo
 
Ejercicio photoshop 5 2
Ejercicio photoshop 5 2Ejercicio photoshop 5 2
Ejercicio photoshop 5 2
 
Heather Cardenas Resume2
Heather Cardenas Resume2Heather Cardenas Resume2
Heather Cardenas Resume2
 
portada
portadaportada
portada
 
Empathy map
Empathy mapEmpathy map
Empathy map
 
Review of literature
Review of literatureReview of literature
Review of literature
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
早期療育對自閉症的助益
早期療育對自閉症的助益早期療育對自閉症的助益
早期療育對自閉症的助益
 
Andre
AndreAndre
Andre
 
Review of literature
Review of literatureReview of literature
Review of literature
 
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...
Thailand Coordinated Bombings, 10-12 August, 2016: An Escalation of the South...
 
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015
CivicTech and OpenData for Anticorruption AppClub, Kiev Dec 2015
 
Intervista a Nicola Mangini - General Manager Accessorize e Aldo
Intervista a Nicola Mangini - General Manager Accessorize e AldoIntervista a Nicola Mangini - General Manager Accessorize e Aldo
Intervista a Nicola Mangini - General Manager Accessorize e Aldo
 
Desarrollo guia de tecnologia
Desarrollo guia de tecnologiaDesarrollo guia de tecnologia
Desarrollo guia de tecnologia
 
Chapter 14 section 2
Chapter 14 section 2Chapter 14 section 2
Chapter 14 section 2
 
Guia 2
Guia 2Guia 2
Guia 2
 
Crenças limitantes crítico interno versão linkedin
Crenças limitantes crítico interno versão linkedinCrenças limitantes crítico interno versão linkedin
Crenças limitantes crítico interno versão linkedin
 
Simple ways to save the environment
Simple ways to save the environmentSimple ways to save the environment
Simple ways to save the environment
 
Noticia septiembre
Noticia septiembreNoticia septiembre
Noticia septiembre
 

Similar a Temas 10

Similar a Temas 10 (20)

Clase 1
Clase 1Clase 1
Clase 1
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Manual html
Manual htmlManual html
Manual html
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Pagina web
Pagina webPagina web
Pagina web
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Manual de html
Manual de htmlManual de html
Manual de html
 

Más de Lic. Oney Begambre

Más de Lic. Oney Begambre (20)

Cronograma sc
Cronograma scCronograma sc
Cronograma sc
 
Comunicado I.E.A.U
Comunicado  I.E.A.UComunicado  I.E.A.U
Comunicado I.E.A.U
 
Guia de aprendizaje grado 8 completa
Guia de aprendizaje grado 8 completaGuia de aprendizaje grado 8 completa
Guia de aprendizaje grado 8 completa
 
Guia de aprendizaje grado 7 completa
Guia de aprendizaje grado 7 completaGuia de aprendizaje grado 7 completa
Guia de aprendizaje grado 7 completa
 
Guia de aprendizaje grado 6 completa
Guia de aprendizaje grado 6 completaGuia de aprendizaje grado 6 completa
Guia de aprendizaje grado 6 completa
 
Guia de aprendizaje clei 4 completa
Guia de aprendizaje clei 4 completaGuia de aprendizaje clei 4 completa
Guia de aprendizaje clei 4 completa
 
Guia de aprendizaje clei 3 completa
Guia de aprendizaje clei 3 completaGuia de aprendizaje clei 3 completa
Guia de aprendizaje clei 3 completa
 
Capacitacion google meet
Capacitacion google meetCapacitacion google meet
Capacitacion google meet
 
Guia geometria grado-7
Guia geometria grado-7Guia geometria grado-7
Guia geometria grado-7
 
Guia estadistica grado-7
Guia estadistica grado-7Guia estadistica grado-7
Guia estadistica grado-7
 
Guia de matematicas Grado 7
Guia de matematicas Grado 7Guia de matematicas Grado 7
Guia de matematicas Grado 7
 
Guia de aprendizaje CLEI 4
Guia de aprendizaje CLEI 4Guia de aprendizaje CLEI 4
Guia de aprendizaje CLEI 4
 
Guia de aprendizaje periodo 2 CLEI 3
Guia de aprendizaje periodo 2 CLEI 3Guia de aprendizaje periodo 2 CLEI 3
Guia de aprendizaje periodo 2 CLEI 3
 
GUIA DE APRENDIZAJE GRADO 8
GUIA DE APRENDIZAJE GRADO 8GUIA DE APRENDIZAJE GRADO 8
GUIA DE APRENDIZAJE GRADO 8
 
GUIA DE APRENDIZAJE GRADO 7
GUIA DE APRENDIZAJE GRADO 7GUIA DE APRENDIZAJE GRADO 7
GUIA DE APRENDIZAJE GRADO 7
 
Guia de Aprendizaje periodo 2 grado 6
Guia de Aprendizaje periodo 2 grado 6Guia de Aprendizaje periodo 2 grado 6
Guia de Aprendizaje periodo 2 grado 6
 
Actividades mecanet
Actividades mecanetActividades mecanet
Actividades mecanet
 
Modelo de plan de empresa
Modelo de plan de empresaModelo de plan de empresa
Modelo de plan de empresa
 
Taller practico 5 html
Taller practico 5 htmlTaller practico 5 html
Taller practico 5 html
 
Taller practico 4 html
Taller practico 4 htmlTaller practico 4 html
Taller practico 4 html
 

Último

PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuelacocuyelquemao
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 

Último (20)

PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuela
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 

Temas 10

  • 1. Tema: Pagina web Lic. Oney David Begambre Pérez INGRESAR
  • 2. Conjunto organizado y coherente de páginas Web que tiene como función ofrecer, informar, publicitar o vender contenidos, productos y servicios al resto del mundo. Una de las ventajas es que son más los miles de usuarios que acceden a Internet buscando información, un producto o servicio. Por eso, no tener una Web supone una gran desventaja competitiva con respecto a otras empresas que sí la tienen. SITIO WEB
  • 3. HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. HTML VER VIDEO
  • 4. El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas, Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo <body>,<title> o <p>. Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo: <br />, que equivaldría a <br></br>. La etiqueta <br /> escribe un salto de línea. ETIQUETAS VER VIDEO
  • 5. Ya hemos comentado que todo el texto de la página estará dentro del <body>, que a su vez estará dentro del <html>. El texto dentro del <body>debe estar dentro de párrafos. En HTML, los párrafos se identifican con la etiqueta <p></p>. Dentro de los párrafos colocaremos texto e imágenes, y algunas etiquetas que nos permitan dar formato al texto, pero no podemos tener otros párrafos anidados. A su vez, disponemos de encabezados que nos permiten organizar el texto. Los encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el más pequeño. VER VIDEO ESTRUCTURA DEL TEXTO
  • 6. Ya hemos visto que podemos incluir imágenes en nuestra página web utilizando la etiqueta <img src="imagen.png" alt="texto alternativo" />, y que estas imagen deben de ser del formato jpg, gif o png, dependiendo del tipo de imagen, para obtener la mejor relación calidad-tamaño. Por ejemplo, vamos a crear una galería fotográfica para las imágenes de las distintas flores que queremos colgar en nuestro sitio. VER VIDEO INSERTAR IMAGEN
  • 7. Para insertar una tabla hay que dirigirse al menú Insertar, a la opción Tabla. En la nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la tabla, así como el Ancho de la tabla. El Ancho puede ser definido como Píxeles o como Porcentaje. La diferencia de uno y otro es que el ancho en Píxeles es siempre el mismo, independientemente del tamaño de la ventana del navegador en la que se visualice la página, en cambio, el ancho en Porcentaje indica el porcentaje de la página o del elemento contenedor) y se ajustará al tamaño de la ventana del navegador, esto permite que los usuarios que tengan pantallas grandes, aprovechen todo el ancho de pantalla. Grosor del Borde indica el grosor del borde de la tabla en píxeles, por defecto se le asigna uno (1). Si lo ponemos a 0 o en blanco, la tabla no mostrará borde. VER VIDEO INSERTAR TABLA