creación de paginas web

CECYTEG PLANTEL SAN LUIS DE LA PAZ

DISEÑO DE PAGINAS WEB

1

EDITADO POR: JOSE DE JESUS MENDEZ RAMIREZ V1

HTML
HTML o Hypertex t Markup Language o Lenguaje de Diseño de Hipertextos es un lenguaje que
se utiliza para crear páginas Web.
Preguntas Frecuentes:
- ¿Qué software necesito para programar en HTML?
Sólo necesitas el Bloc de notas de Windows y un navegador como Microsoft Internet
Explorer. En realidad puedes usar cualquier editor de texto s y cualquier navegador.
- ¿Necesito estar conectado a Internet para crear mi página Web?
No. Cuando programas tu página Web, puedes verla en el navegador sin necesidad de estar
Conectado a Interne
t.
- ¿Se comenta que HTML no sirve y que es mejor usar el FrontPage o Dreamweaver?
En esos programitas creas tu página Web como silo estuvieras haciendo en Word, pero
detrás de ellos se está escribiendo automáticamente el código HTML. Y además esos
programitas no son 100% eficientes y si empre tendrás que hacer tus propi as
modificaciones.

Estructura básica del documento HTML
Se compone básicamente de dos partes: Una cabecera y un cuerpo.


Nuestro código


Nuestro código



Las etiquetas y identifican elprincipio y el final del documento
HTML.
Las etiquetas y limitan la cabecera del documento.
Las etiquetas y limitan el cuerpo del documento.

CECYTEG PLANTEL SAN LUIS DE LA PAZ

DISEÑO DE PAGINAS WEB

2

EDITADO POR: JOSE DE JESUS MENDEZ RAMIREZ V1

Ejemplo 1: Crearemos una página Web que muestre nuestro nombre.
Primero: En el Bloc de notas escriba el sig
uiente código.


Ejemplo1


Hola mi nombre es (Escribir aquí su nombre) y esta es mi primera página web diseñada.


Segundo: En el Explorador de Windows crea una carpeta donde guardaras tus archivos.
Tercero: Guárdalo con el nombre "E jemplo1.html" y recuerda colocar las comillas.
Cuarto: Abre el In ternet Explorer y mediante su menú Archivo/Abrir carga tu
documento.
Ejemplo1.html y el resultado es unapágina parecida a la que se muestra en la siguiente
página.
Observa que el título de
la ventana es lo que pusiste
entre las etiquetas

.
Observa que lo que aparece en
La página es lo que pusiste
Dentro de las etiquetas
y .

y

Recomendación
Súper
Importante: Es
mejor
colocar todos los elementos
de tu página Web en una sola
carpeta, para que el HTML no
tenga problemas al ubicarlos archivos, por ejemplo se
puede utilizar la siguiente ruta:
C:\HTML

Ejercicio: Ahora realiza una página en donde agregues dentro de ella tus datos personales,
como: Nombre, Dirección, Teléfono, Fecha de Nacimiento y aficiones de entretenimiento,
guárdalo como ejemplo 1_1.html.

Encabezados
Los encabezados son utilizados para resaltar palabras o frases. Tenemos seis tamaños
deEncabezados el más grande está comprendido entre las e ti quetas y y el más
pequeño esta comprendido entre las e ti quetas y . Estos encabezados podrán ser
repetidos las veces que desees, siempre y cuando utilices solo los mencionados (de H1 hasta

H6).

CECYTEG PLANTEL SAN LUIS DE LA PAZ

DISEÑO DE PAGINAS WEB

3

EDITADO POR: JOSE DE JESUS MENDEZ RAMIREZ V1

Si quiere alinear elencabezado utilice el atributo ALIGN con la opción LEFT
(izquierda), CENTER (Centro), RIGHT (Derecha) o JUSTIFY (Justificado). Si no usa
ALIGN el HTML Supondrá la alineación LEFT (Izquierda).
Ejemplo 2: Crearemos una página Web que muestre el uso de los encabezados.
Primero: En el bloc de notas escriba el siguiente código.


E jemplo2


Frases Famosas
Ganar no es todo, es lo único.
Elsecreto de andar sobre las aguas, es saber donde están las piedras.
Si piensas que puedes o no puedes, siempre tienes razón.
El conocimiento es poder.
Prohibido, prohibir.
Frases para Reflexionar.


Segundo: Guárdalo con el nombre "Ejemplo2.html"
Tercero: Abre el In ternet Explorer y mediante su menú Archivo/Abrir carga tu documento
Ejemplo2.html el resulta do se muestra en la...