SlideShare una empresa de Scribd logo
1 de 10
CODIGOS
HTML Para blogs
y paginas web
LISTA PARA PROGRAMAR EN HTML
1. Abrir tu editor de código.
2. Crear un documento y guardarlo con la extensión
.HTML o .htm, por ejemplo: proyecto.html en
minúsculas.
3. Ahora que tienes guardado el documento, ábrelo
con tu navegador web preferido, pero seguro que
el navegador te muestra un documento en blanco,
y es que aún no tenemos contenido, nada de
código en nuestro archivo o documento HTML.
4. Ahora tenemos abierto nuestro documento HTML
con el editor, en este caso bloc de notas, y por
otro lado ese mismo documento lo tenemos
abierto con nuestro navegador web.
5. Empezamos a escribir código HTML en el
documento que acabamos de crear.
●
PARA QUE SIRVE EL CODIGO HTML
El código HTML (HyperText Markup Language)
se utiliza para crear y estructurar páginas
web. Sirve como el esqueleto de una página
web, definiendo la estructura y el contenido
de la misma, incluyendo texto, imágenes,
enlaces, formularios, entre otros elementos.
Además de definir la estructura y el
contenido, el HTML también se utiliza para
crear enlaces a otras páginas web, insertar
multimedia como vídeos y audios, crear
formularios interactivos para recopilar
información, y proporcionar metadatos
importantes para los motores de búsqueda,
entre otras funciones. En resumen, el HTML
es el lenguaje fundamental para la creación y
visualización de contenido en la web.
Los enlaces en HTML (también
llamados hipervínculos) son
elementos que permiten referenciar
desde un documento HTML otros
recursos, ya sean otras páginas web,
imágenes, vídeos, etc. Los enlaces
son la piedra angular de la web, ya
que permiten al usuario navegar entre
diferentes documentos publicados en
servidores web y accesibles a través
de Internet.
QUE SON LOS ENLACES HTML
los navegadores web, como puede ser Firefox,
Chrome, safari, opera, etc. Se encargan de leer,
interpretar ese código HTML con la que están
hechas las páginas web y finalmente mostrar un
contenido entendible para el usuario que visita
dicha página web.
Entonces cuando tú accedes a cualquier página web,
mediante cualquier navegador web, lo que hace
el navegador prácticamente es pedirle al
servidor donde este alojado dicha página web
que le envíe dicho documento, entonces el
servidor le enviará dicho documento HTML
donde se encuentra el código HTML, el
navegador recibe el documento, lo lee, interpreta
y muestra el
contenido al usuario final.
COMO FUNCIONA LOS
CODIGOS HTML
01
03
02
04
Añadir un enlace
Insertan un boton sin enlace
Añadir un enlace en una imagen
Crear un área de texto
QUE NECESITAMOS PARA PROGRAMAR CON
HTML
LOS CODIGOS HTML PARA BLOGS
Los códigos HTML para Blogger son fragmentos de código
que puedes insertar en tus entradas o widgets para
personalizar y mejorar la apariencia y funcionalidad de tu
blog. A continuación, te presento algunos códigos útiles
que puedes copiar y pegar en la vista HTML de tu editor:
1.Añadir un enlace:
•Para crear un enlace, utiliza la siguiente estructura
2. Añadir un enlace a una imagen:
•Si deseas enlazar una imagen, utiliza este código
3. Insertar un botón sin enlace:
•Si quieres agregar un botón sin enlace, puedes usar este
código
4.Crea una línea separadora o un separador
• Simplemente agrega <hr> para crear una línea
separadora.
Codigos HTML para paginas web
codigos HTML para blogs y paginas web Karina

Más contenido relacionado

Similar a codigos HTML para blogs y paginas web Karina (20)

Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Cb fs
Cb fsCb fs
Cb fs
 
Cb fs
Cb fsCb fs
Cb fs
 
HTML
HTMLHTML
HTML
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Colegio nacional nicolas esguerra eseses
Colegio nacional nicolas esguerra esesesColegio nacional nicolas esguerra eseses
Colegio nacional nicolas esguerra eseses
 
Colegio nacional nicolas esguerra eseses
Colegio nacional nicolas esguerra esesesColegio nacional nicolas esguerra eseses
Colegio nacional nicolas esguerra eseses
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
taller HTML
taller HTML taller HTML
taller HTML
 
Juan pablo 903
Juan pablo 903Juan pablo 903
Juan pablo 903
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Último

SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptxCamuchaCrdovaAlonso
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfcarolinamartinezsev
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfRaulGomez822561
 

Último (20)

SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 

codigos HTML para blogs y paginas web Karina

  • 2. LISTA PARA PROGRAMAR EN HTML 1. Abrir tu editor de código. 2. Crear un documento y guardarlo con la extensión .HTML o .htm, por ejemplo: proyecto.html en minúsculas. 3. Ahora que tienes guardado el documento, ábrelo con tu navegador web preferido, pero seguro que el navegador te muestra un documento en blanco, y es que aún no tenemos contenido, nada de código en nuestro archivo o documento HTML. 4. Ahora tenemos abierto nuestro documento HTML con el editor, en este caso bloc de notas, y por otro lado ese mismo documento lo tenemos abierto con nuestro navegador web. 5. Empezamos a escribir código HTML en el documento que acabamos de crear. ●
  • 3. PARA QUE SIRVE EL CODIGO HTML El código HTML (HyperText Markup Language) se utiliza para crear y estructurar páginas web. Sirve como el esqueleto de una página web, definiendo la estructura y el contenido de la misma, incluyendo texto, imágenes, enlaces, formularios, entre otros elementos. Además de definir la estructura y el contenido, el HTML también se utiliza para crear enlaces a otras páginas web, insertar multimedia como vídeos y audios, crear formularios interactivos para recopilar información, y proporcionar metadatos importantes para los motores de búsqueda, entre otras funciones. En resumen, el HTML es el lenguaje fundamental para la creación y visualización de contenido en la web.
  • 4. Los enlaces en HTML (también llamados hipervínculos) son elementos que permiten referenciar desde un documento HTML otros recursos, ya sean otras páginas web, imágenes, vídeos, etc. Los enlaces son la piedra angular de la web, ya que permiten al usuario navegar entre diferentes documentos publicados en servidores web y accesibles a través de Internet. QUE SON LOS ENLACES HTML
  • 5. los navegadores web, como puede ser Firefox, Chrome, safari, opera, etc. Se encargan de leer, interpretar ese código HTML con la que están hechas las páginas web y finalmente mostrar un contenido entendible para el usuario que visita dicha página web. Entonces cuando tú accedes a cualquier página web, mediante cualquier navegador web, lo que hace el navegador prácticamente es pedirle al servidor donde este alojado dicha página web que le envíe dicho documento, entonces el servidor le enviará dicho documento HTML donde se encuentra el código HTML, el navegador recibe el documento, lo lee, interpreta y muestra el contenido al usuario final. COMO FUNCIONA LOS CODIGOS HTML
  • 6. 01 03 02 04 Añadir un enlace Insertan un boton sin enlace Añadir un enlace en una imagen Crear un área de texto
  • 7. QUE NECESITAMOS PARA PROGRAMAR CON HTML
  • 8. LOS CODIGOS HTML PARA BLOGS Los códigos HTML para Blogger son fragmentos de código que puedes insertar en tus entradas o widgets para personalizar y mejorar la apariencia y funcionalidad de tu blog. A continuación, te presento algunos códigos útiles que puedes copiar y pegar en la vista HTML de tu editor: 1.Añadir un enlace: •Para crear un enlace, utiliza la siguiente estructura 2. Añadir un enlace a una imagen: •Si deseas enlazar una imagen, utiliza este código 3. Insertar un botón sin enlace: •Si quieres agregar un botón sin enlace, puedes usar este código 4.Crea una línea separadora o un separador • Simplemente agrega <hr> para crear una línea separadora.
  • 9. Codigos HTML para paginas web