1671484651_html.jpg

1-Curso HTML Y CSS para principiantes

Curso html y css, para principiantes en el mundo de la informatica, quedate seguro que te interesa.

30
20
Compartir

Comenzamos, con lo más basico que podemos ver, a continuación:

charset="utf-8">

</span>Título<span style="color:#2980b9;">

 

Hola

It is a long established fact that a reader will

be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.

 

Nueva capa

 

Encabezado 1

Encabezado 2

Encabezado 3

Encabezado 4

En este apartado aprenderemos el estilo que podemos añadir al html. De diferentes formas, siempre dentro del html, tambien aprenderemos en otro archivo css mas adelante.

charset="utf-8">

</span>Título<span style="color:#2980b9;">

 

 

style="font-size:40px;">Hola

 

style="font-weight: 600;">

Hola

style="font-size: 50px;">que

tal


 

 

style="color:blue;">

Línea 1

style="font-weight: 600;">Línea 2

Línea 3

 



 

 

style="color:blue;">

Línea 1

"color:red;">Línea 2

Línea 3

 

 

style="font-weight: 600;">

Línea 1

style="color:red;">Línea 2 , esta es style="font-size:40px;">más larga

Línea 3

 

 

Aquí podemos ver como modificar una misma frase, con distintos estilos, en principio copiara el estilo general que le pongas, y luego dentro de el, podeos cambiar en una misma frase solo una palabra, así:

"utf-8">

</span>Título<span style="color:#2980b9;">

 

 

style="font-size:40px;">Hola

 

 

 

Hola como estas?

Otro div

 

 

 

Hola como estas?

"maspeque">Otro div

"maspeque">Otro div 2

 


 

 

Hola como estas?

class="maspeque">Otro div

class="maspeque" id="capa3">Otro div 2</div>

 

 

charset="utf-8">

</span>Título<span style="color:#2980b9;">

 

 


 

style="font-size:40px;">Hola


 

Hola como estas?

Otro div


 

Hola como estas?

"maspeque">Otro div

"maspeque">Otro div 2


 

Hola como estas?

class="maspeque">Otro div

class="maspeque" id="capa3">Otro div 2

 

 

</span>Título<span style="color:#2980b9;">

 

"estilo.css" rel="stylesheet" type="text/css">

 


 

style="font-size:40px;">Hola


 

Hola como estas?

Otro div



 

Hola como estas?

class="maspeque">Otro div

class="maspeque">Otro div 2


 

Hola como estas?

class="maspeque">Otro div

class="maspeque" id="capa3">Otro div 2

 

HOJA DE ESTILO CSS:

div{ font-size: 80px; }

.maspeque{ font-size: 20px; }

#capa3{ font-size: 120px; color:blue; }

Valora este artículo
0 5 1
El plan estrella de la temporada: Picnic al aire libre
tick image