La creacion de un documento html consiste en colocaretiquetasque se visualizaran en el navegador(lo que se ve es el resultado de estas)
Para este tutorial, te sugiero que utilices las herramientas mas sencillas. Por ejemplo, Notepad (Windows), TextEdit (Mac) o HTML Kit, seran suficiente. Una vez comprendido lo basico, probablemente se quieran utilizar herramientas mas complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otras herramientas.
No utilices procesadores de texto como Microsoft Word u OpenOffice. Con ellos, normalmente se generan archivos que los navegadores no pueden interpretar.
Para HTML y CSS, lo unico que necesitamos son archivos en texto plano.
El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzar con una ventana vacia y escribir lo siguiente:
progamar debes conocer algunas reglas basicas:
Las etiquetas se ponen entre <>
La mayoria son pares
Despues de saber esto iremos añadiendo todo lo que necesites, como poner videos, imágenes, cuadro de textos...Os voy aponer algunos ejemplos de como decorar vuestras paginas web.
Para colocar una imagen lo unico que debes hacer colocar este codigo en body y sobrescribir la imagen mia por la vuestra.Aqui un ejemplo:
EstiloS CSS
Las hojas de estilo en CSS estan compuestas de reglas. Cada regla tiene tres partes:
el selector (en el ejemplo seria: “body”), el cual le dice al navegador la parte del documento que se vera afectada por la regla;
la propiedad (en el ejemplo, 'color' y 'background-color' son ambas propiedades), las cuales especifican que aspecto del diseño va a cambiarse;
y el valor ('purple'), el cual da el valor para la propiedad.
El ejemplo muestra que es posible combinar las reglas. Hemos establecido dos propiedades, por lo que podemos tener dos reglas separadas:
body { color: purple }
body { background-color: #d8da3d }
Para introducir liks en vestar pagina web es muy sencillo y facil.Primero copiareis el enlace de la pagina.Lo unico que debes hacer es poner el enlace de la pagina en cuestion entre < a > .Aqui un ejemplo:
aqui
Tambien voy a poner un cuadro que creo que hara que vuestra pagina sea mas llamativa y que la hara mas sencilla de usar.Aqui el ejemplo de como quedaria en vuestra pagina:
CAMBIA ESTE TEXTO Y PON LO QUE QUIERAS
Despues de estos consejos espero haberos ayudado con vuestras dudas y haber hecho que vuestras paginas sean mejores
