Manual De Lenguaje Html(2)

Manual de lenguaje HTML

HTML (HiperText Markup Language) Es un lenguaje muy sencillo que permite describir hipertexto, quiere decir texto de manera estructurada y agradable con enlaces que conducen a otros documentos o fuentes de información y con inserciones multimedia (gráficos, sonido, etc.)
El código fuente, se escribe en un procesador de texto. Nosotros lo vamos a hacer con elBloc de Notas. Para abrir el Bloc de Notas, le damos a Inicio > Programas > Accesorios > Bloc de notas. Se abrirá una ventana como ésta:


Dependiendo de cómo esté configurado tu ordenador, quizá no encuentres el Bloc de notas en esta ruta.
A continuación debes saber que las dos etiquetas fundamentales dentro de las cuales tiene que ir nuestro código fuente son como etiqueta deapertura y como etiqueta de cierre. Después, todo lo que será visible al visitar la página con el navegador, debe de estar entre las etiquetas cuerpo, en inglés, como etiqueta de apertura y como etiqueta de cierre.
Nota: Las etiquetas también se pueden escribir con letras mayúsculas: ...Nosotros vamos a optar por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimasnormas.
Vamos a escribir algo en nuestra página. Por ejemplo Bienvenid@. Lo escribiremos entre y . Nuestro código quedará así:


1

Ahora tenemos que guardar nuestro documento en alguna parte del ordenador con un nombre y unaextensión especial. El nombre va a ser index su extensión .html. También se podría guardar con la extensión .htm (el resultado es exactamente el mismo).
El sitio puede ser cualquier parte del ordenador. Para tenerlo accesible, lo vamos a guardar en el Escritorio: Le damos a Archivo > Guardar

Nos aparecerá la ventana de selección de directorio:2
Elegimos Escritorio y le llamamos index.html. Podemos visualizarlo para ver si la página funciona....


Mi primera página.
Ya podemos ir al Escritorio para abrir nuestra página.
Si el navegador predeterminado es el Explorer, el icono de nuestra página sevisualizará así .
Observa que el icono de nuestra página en el escritorio tiene el del Explorer:
Vamos a ver nuestra página: Hacemos doble clic sobre el icono y ...


La verdad no es una página muy espectacular pero... los comienzos deben ser humildes.



Mejorando la página.
Centrar el texto.
Si queremos que nuestro saludo: Bienvenid@ aparezca en el centro de la página, escribimosdelante del saludo la etiqueta y al final del mismo la etiqueta de cierre
El código quedaría asi:3

Guardamos los cambios:

Minimizamos y comprobamos los resultados con el Explorer (lo recuperamos desde la barrade tareas): Si observamos que nuestro mensaje no aparece centrado le damos al botón . Puede ocurrir que no haya puesto al día los cambios:

Aumentar el tamaño del texto.
Nuestro mensaje es algo pequeño. Podemos aumentar su tamaño empleando las etiquetas de encabezados. Las etiquetas van desde el (h de head, en inglés, cabeza) para la más grande, al para la más pequeña....