Creació d'un document HTML

Activitat 1

HTML codes

<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<title>Primer</title>
<link href="Style1.css" rel="stylesheet" type="text/css">   <!-- Linkada amb un fitxer que està a la mateixa carpeta -->
</head>

<body>
<div>
<h1>EXERCICI 1</h1>
</div>

<h1 style="text-align:center; color: blue;font-size: 85px; font-family:Arial" >Rohit <u>Kumar Kumar</u></h1>

<hr>

<div>     	 <!-- DIV significa Dividida en sectors-->
<h1>EXERCICI 2</h1>
</div>
<img src="PotenciesiQuimica.jpeg" alt="La imatge s'està carregant.."> 	<!-- ALT significa "MISSATGE D'ERROR en cas si no carrega la imatge-->

<hr>

<div>
<h1>EXERCICI 3</h1>
</div>

<img src="Calvoo.png" alt="La imatge s'està carregant..">


<a href="https://www.pccomponentes.com" target="_blank">La millor pàgina web per comprar electrònica</a>     <!-- target"_blank"  serveix per obrir l'enllaç en pestanya nova-->


</body>
</html>

Linkada amb CSS (Fitxer d'estils)

body{
	background-color: #FFB3E2 ;
}

head{
	<meta charset="UTF-8">;
	
}

h1{
	color: red;
	font-size:45px; 
	text-align-: center;
	font-family: Comic Sans MS;

}
div{
	border: 8px outset Aquamarine;
  background-color: lightblue;
  text-align: center;
}



<!-- Red border -->
hr.new1 {
  border-top: 1px solid red;
}

<!-- Dashed red border -->
hr.new2 {
  border-top: 1px dashed red;
}

<!-- Dotted red border -->
hr.new3 {
  border-top: 1px dotted red;
}

<!--Thick red border -->
hr.new4 {
  border: 1px solid green;
}

<!-- Large rounded green border -->
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

img{
    width: 250px;
    height: 200px;
    border: 3px solid black;
    padding: 10px;
    margin: 10px;

}

HI HAN COSES QUE NO DEMANA L'EXERCICI PERO ESTÀN PER LA DECORACIÓ

Activitat 1

Comentários