HTML BÁSICO

HTML

Hola me llamo Carla y vo a hablar de HTML.

• Es una aplicación que se usa para crear una página web.
  

COSAS BÁSICAS QUE NECESITAS SABER PARA REALIZAR ESTO.

Primero abrimos Sublime Text:

1. Primero guardamos el fichero con .html y así ya podremos empezar a usarlo.Le damos a (File As)
2. Ahora ponemos doc + TAB (pero si no te va html + TAB).
3. Dentro de head, pondremos meta. y luego dentro de body escribiremos lo que se verá en el navegador.
4. Ahora empecemos por algo facilito:

Dentro del body, escribimos (h1+ tab) y ese sería el título ya que cada vez que subimos un número, es decir h1, h2, h3, h4….se va haciendo más pequeño.

• Dentro de h1 escribimos Mi primera Página Web.
• Ahora hacemos lo mismo pero con (h2 +tab) y dentro escribimos Trabajo de Lectura.
• Realizaremos un párrafo, entonces escribimos (p+ tab) y dentro escribimos (lorem + tab).

• Por último haremos 2 tipos de listas:

Una ordenada y otra desordenada.

Si son desordenadas sería <ul> y si quieres hacerla ordenada sería <ol>

Y para observar cómo se va creando la página,le damos al botón derecho del ratón      (OPEN IN BROWSER)

• Pero antes debes de guardar lo que has hecho dandole a (CTRL+ S)

HIPERENLACES:

Que son creados para conectar diferentes partes de una página web con información y recursos externos o internos.

• Dentro de head, ponemos (link + tab)y aparecerá……imagen…..y dentro de href ponemos la ruta o url.
  

  <a href=”ruta o url ”> texto de enlace</a>

  • Con esto podremos usar CSS , donde podremos modernizar la página mediante colores, tipo de fondo, letra….

   

CSS:

Vamos a empezar con cosas muy básicas, como cambiar el fondo, el color de la letra….

1. Primero guardamos el fichero con .css y así ya podremos empezar a usarlo.Le damos a (File As).

Ahora empezaremos cambiándole el fondo a la página:

Ahora ya con el fondo cambiado le cambiamos el color a la letra.Para eso le tendremos que dar una propiedad y un valor.

• Así es como quedaría la Página con los colores que le hemos puesto: