trabajo

1. CODIGOS
HTML Para blogs
y paginas web

2. 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.

3. 01
03
02
04
Añadir un enlace
Insertan un boton sin enlace
Añadir un enlace en una imagen
Crear una área de texto

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. 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.
●

7. Two ideas
Mercury is the closest planet
to the Sun and the smallest
one in the Solar System. This
planet’s name has nothing to
do with the liquid metal
Venus has a beautiful name
and is the second planet from
the Sun. It’s hot and is the
second-brightest natural
object in the night sky
Mercury Venus

8. Three ideas
Mercury is the closest planet
to the Sun and the smallest
one in the Solar System
Despite being red, Mars is
actually a cold place. It’s full
of iron oxide dust
Venus has a beautiful name
and is the second planet
from the Sun
Mercury Venus
Mars

9. Jupiter is the biggest
planet in the Solar System
Six different ideas
Mercury is the smallest
planet in the Solar System
Venus is the second planet
from the Sun
Saturn is composed of
hydrogen and helium
Despite being red, Mars is
actually a cold place
Neptune is the farthest
planet from the Sun
Mercury
Venus
Mars
Jupiter Saturn
Neptune

10. Awesome
words

11. A picture is worth a
thousand words

12. Product demo
You can replace the image on
the screen with your own
work. Just right-click on it
and select “Replace image”

13. This is a map
Mercury is the closest
planet to the Sun
Mercury
Venus is the second
planet from the Sun
Venus

14. Our history
Venus
Venus is the second
planet from the Sun
Saturn
Saturn is composed of
hydrogen and helium
Mars
Despite being red, Mars
is actually a cold place
Neptune
Neptune is the farthest
planet from the Sun
01 02 03 04