Está en la página 1de 14

Bienvenidos a un nuevo curso de HTML y CSS desde cero, donde aprenderás a

trabajar con estos lenguajes paso a paso y sin ningún conocimiento previo, atrévete a crear tu

primera página web!. Puedes revisar el contenido del curso de HTML5 y CSS3 aquí:

https://www.bluuweb.org/html-css En este primer tutorial aprenderemos los conceptos claves

para convertirnos en un desarrollador web FrontEnd. Mira el artículo que tengo preparado

para ti, sobre los fundamentos de HTML y CSS: http://www.bluuweb.cl/desarrollador-web

https://www.youtube.com/watch?

v=QrJyvzjjDT8&list=PLPl81lqbj-

4LKo66cEts5yC_AjOvqKptm&index=6

HTML5 Y CSS

#1
HTML5 y Visual Studio Code - Curso
Desarrollo Web 

- Visual Studio Code

- Firefox Browser Developer Edition

1. Crear una carpeta en cualquier parte

2. Arrastrar la carpeta a Visual Code


3. Podemos ver se autocompleta con el código

4. En el body poner un p
Este es la estructura básica

Todo del head lo lee el explorador

Body va a plasmar todo lo que escribamos en esta parte

blanca.
Href: enlace

Texto de relleno

Estilos css etiqueta Style


Alt + z: ordena el codigo

#3 CSS Introducción para principiantes -


Curso 2018 desde cero

1. Vamos a llevar estilo css a otro archivo

2. Vamos a crear un archivo estilos.css

3. Escribir estilos

Para escribir estilos no necesitamos etiquetas de

apertura ni de cierre.
4. Para sé que se pueda visualizar los cambios, se debe

comunicar con los estilos css.

- Ahora en el index html


- Se puede ver los resultados, ahora estoy diciendo a mi

html que estoy haciendo un estilo

Los estilos deben ir dentro del head.

- Creo una carpeta css y arastro mi estilo

Para ver los estilos


#4 Fundamentos de HTML 2018 -
Encabezados o títulos - Curso HTML5 y
CSS3

Veamos ahora con más detalle los fundamentos de HTML,

empezando por los encabezados.

1. Creamos una nueva carpeta y vinculamos con nuestro visual

studio code.
2. En el editor escribimos html:5 y se genera la estructura

3. Trabajamos dentro del body

- Para hacer el encabezado del body, se puede utilizar las

etiquetas del h1, se debe tener un solo h1, y h2 y h3.


- Con los estilos de css vamos a cambiar los estilos y colores

#5 Fundamentos de HTML 2018 -


Párrafos y formatos - Curso HTML5 y
CSS3
Ahora veremos los párrafos
1. Crear un archivo de párrafos

2. Creamos la estructura de documento

3. Escribimos los párrafos

4. Podemos crear mas párrafos


5. Los formatos son para poner la letra en negrilla, itálica

- Se puede combinar

También podría gustarte