2. Diplomados
en Tecnología
Manejo de códigos en HTML
o Encabezados.
o Saltos de línea.
o Espacios en blanco.
o Listas ordenadas o numeradas.
o Lista de definiciones.
o Insertar imágenes.
o Enlaces.
3. Diplomados
en Tecnología
Manejo de códigos en HTML
HTML, siglas de HyperText Markup Language (lenguaje de
marcado de hipertexto), hace referencia al lenguaje de marcado
predominante para la elaboración de páginas web que se utiliza
para describir y traducir la estructura y la información en forma de
texto, así como para complementar el texto con objetos tales
como imágenes.
4. Diplomados
en Tecnología
Manejo de códigos en HTML
El HTML se escribe en forma de «etiquetas», rodeadas por
corchetes angulares (<,>). HTML también puede describir, hasta
un cierto punto, la apariencia de un documento, y puede incluir un
script (por ejemplo Java Script), el cual puede afectar el
comportamiento de navegadores web y otros procesadores de
HTML.
5. Diplomados
en Tecnología
Manejo de códigos en HTML
El lenguaje HTML puede ser creado y editado con cualquier editor
de textos básico, como puede ser Gedit en Linux, el Bloc de notas
de Windows, o cualquier otro editor que admita texto sin formato
como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++,
entre otros.
6. Diplomados
en Tecnología
Manejo de códigos en HTML
HTML utiliza etiquetas o marcas, que consisten en breves
instrucciones de comienzo y final, mediante las cuales se
determina la forma en la que debe aparecer en su navegador el
texto, así como también las imágenes y los demás elementos, en
la pantalla del ordenador.
7. Diplomados
en Tecnología
Manejo de códigos en HTML
• Toda etiqueta se identifica porque está encerrada entre los signos
menor que y mayor que (<>), y algunas tienen atributos que pueden
tomar algún valor. En general las etiquetas se aplicarán de dos formas
especiales:
Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se
vería en su navegador web como negrita.
No pueden abrirse y cerrarse, como <hr />, que se vería en su
navegador web como una línea horizontal.
Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
8. Diplomados
en Tecnología
Manejo de códigos en HTML
Códigos:
<html>: define el inicio del documento HTML, le indica al navegador
que lo que viene a continuación debe ser interpretado como
código HTML.
<head>: define la cabecera del documento HTML; esta cabecera
suele contener información sobre el documento que no se muestra
directamente al usuario como, por ejemplo, el título de la ventana
del navegador. Dentro de la cabecera <head> es posible
encontrar:
9. Diplomados
en Tecnología
Manejo de códigos en HTML
10. Diplomados
en Tecnología
Manejo de códigos en HTML
<title>: define el título de la página. Por lo general, el título aparece
en la barra de título encima de la ventana.
<body>: define el contenido principal o cuerpo del documento.
<img>: imagen. Requiere del atributo src, que indica la ruta en la
que se encuentra la imagen. Por ejemplo: <img
src="./imágenes/mifoto.jpg" />. Es conveniente, por
accesibilidad, poner un atributo alt="texto alternativo".
<br>: Saltos de línea
11. Diplomados
en Tecnología
Manejo de códigos en HTML
Párrafos <p> Pequeño <small>
Negrita <b> Superíndice <sup>
Cursiva <i> Subíndice <sub>
Subrayado <u> Centrado <center>
Tachado <s> Línea Horizontal <hr>
Teletipo <tt> Parpadeo <blink>
Grande <big>
12. Diplomados
en Tecnología
Manejo de códigos en HTML
Color Muestra Valor RGB Nombre
<font
Negro Muestra #000000 black
face=”Nombre de la Verde Muestra #008000 green
fuente”> Plata Muestra #C0C0C0 silver
Lima Muestra #00FF00 lime
<font color=”Color Gris Muestra #808080 gray
de fuente en Aceituna Muestra #808000 olive
Blanco Muestra #FFFFFF white
inglés”> Amarillo Muestra #FFFF00 yellow
Castaño Muestra #800000 maroon
<font size=”Tamaño Azul Marino Muestra #000080 navy
de la fuente en Rojo Muestra #FF0000 red
números”> Azul Muestra #0000FF blue
Morado Muestra #800080 purple
Teal Muestra #008080 teal
Fucsia Muestra #FF00FF fuchsia
Agua Muestra #00FFFF aqua
13. Diplomados
en Tecnología
Ejemplos para la clase
14. Diplomados
en Tecnología
Ejemplos para la clase