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:
- Primero guardamos el fichero con .html y así ya podremos empezar a usarlo.Le damos a (File As)
- Ahora ponemos doc + TAB (pero si no te va html + TAB).
- Dentro de head, pondremos meta. y luego dentro de body escribiremos lo que se verá en el navegador.
- 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….
- 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: