2. Para empezar nuestro capitulo de HTML es
necesario utilizar el programa sublime text que
podemos descargar desde este vínculo:
https://www.sublimetext.com/3
Recuerden que antes de empezar a digitar el
código, es necesario guardar el archivo
finalizando con la extensión .html
Luego de esto, utilizando el asistente de texto
predictivo, al colocar la etiqueta <html> y
oprimir la tecla enter el programa nos aparecerá
la estructura principal de una pagina html:
4. Recuerden que las etiquetas <!DOCTYPE
html>, <head>, <title>, <body> son etiquetas
que definen las partes principales de la pagina
web y deben abrirse y cerrarse como muestra
la diapositiva anterior.
A partir de este punto, y dentro de cada una
de las partes del archivo HTML deben
colocarse las demás etiquetas,
principalmente en la etiqueta <body>
5. En el encabezado de la página web solo
hemos visto una etiqueta:
<title>titulo de la página</title>
Recuerden que el texto que aparece entre las
dos etiquetas será el título de la pagina web.
6. En el cuerpo de la página web hemos visto las siguientes etiquetas:
<h1> para colocar títulos en el cuerpo de la página, debe cerrarse con
</h1>
<p> para indicarle al computador que vamos a escribir un parrafo, debe
cerrarse con </p>
<img src=“ubicación” width=“000” height=“000”> para colocar imágenes
en la página web, dentro de las comillas frente al src debe colocarse la
dirección donde se encuentra la imágen, en las comillas de width y heigth
deben colocarse los valores en pixeles para cambiar el tamaño de la
imágen.
<a ref=“dirección de la página”> esta etiqueta sirve para colocar vinculos
a otras paginas web ya sean externas o internas, debe cerrarse con </a>
7. Los atributos de las etiquetas que hemos visto hasta el momento se aplican de la
siguiente manera:
Cambiar tamaño de una imagen: Dentro de la etiqueta <img src=“dirección”> se
añaden las palabras width y height con sus valores en pixeles para cambiar el
tamaño de la imagen, tal como se vio en la diapositiva anterior.
Centrar un texto: Dentro de las etiquetas <h1> o <p> pueden añadirse los
atributos necesarios para centrar el contenido, por ejemplo, si quiero colocar un
titulo centrado puedo hacerlo de la siguiente manera: <h1 align=center>ESTE ES
ELTÍTULO</H1>. El comando align me sirve para cambiar la alineación de un
texto, puedo utilizar las palabras claves center, rigth, left o justify.
Cambiar el color del fondo de la página web: para cambiar el color del fondo de la
pagina web es necesario añadir el tributo a la etiqueta <body> de la siguiente
forma: <body bgcolor=“000000”>. Recuerden que los numeros hacen referencia a
la cantidad de colores rojo verde y azul con los que deseo crear el nuevo color.
Les recomiendo visitar la pagina www.adobekuler.com para copiar el código del
color que desean en su documento web.