Diseño Html
Enviado por torife • 28 de Enero de 2013 • 1.861 Palabras (8 Páginas) • 270 Visitas
Colegio de Estudios Científicos y Tecnológicos del estado de Guanajuato
Manual HTML 5 y PHP
Versión 1.0
Fecha:
Enero/2013
Elaborado por:
Tonatiuh Rivera Fernández
Introducción
El lenguaje de Mascas de hipertexto es un lenguaje basado en etiquetas estructuradas aunado al lenguaje avanzado que implementa HTML5 con mejoras en multimedia y el soporte de estilos en cascada
Etiquetas
Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...>
Mi primera página
Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio, Programas, Accesorios, opción Bloc de notas.
Seguidamente introduce, en el documento en blanco, el texto siguiente:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
Cabecera de la página <head>
La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>.
Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son:
<link>, <style>, <script> (estas etiquetas las veremos más adelante),
<meta> (si deseas saber para qué sirve y cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta
<title> que te explicamos a continuación.
Título de la página <title>
El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.
Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>.
Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.
Cuerpo del documento <body>
El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc.
Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.
bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
<body bgcolor="#0000FF">
background, sirve para indicar una imagen de fondo indicando la ruta en la que se encuentra la imagen.<body background="fondo.gif">
text también es posible establecer el color del texto de la página
<body text="#FF0000">
basefont también podemos definir las características de toda la página
<basefont color="#006699" size="4" face="Arial">
Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin (margen superior). Estos atributos no funcionan para el navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del margen).
<body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" >
Caracteres especiales y espacios en blanco
Carácter Representación
< <
> >
á á
Á Á
é é
É É
í í
Í Í
ó ó
Ó Ó
ú ú
Ú Ú
ñ ñ
Ñ Ñ
™ ™
Carácter Representación
€ €
ç ç
Ç Ç
ü ü
Ü Ü
& &
...