Toplista
- betöltés...
Segítség!
Ahhoz, hogy mások kérdéseit és válaszait megtekinthesd, nem kell beregisztrálnod, azonban saját kérdés kiírásához ez szükséges!
Szakmai házi
orsolyazita0207
{ Kérdező } kérdése
83
Csatolom a képet
Jelenleg 1 felhasználó nézi ezt a kérdést.
0
Középiskola / Informatika
Válaszok
1
hamaradat
{ Nyelvész }
megoldása
Szia!
Van két fájl:
weboldal.html és style.css
A weboldal.html tartalma:
<!DOCTYPE html>
<html>
<head>
<title>Weboldal</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Egy cím ami középre van igazítva és fehér színű</h1>
<p>Egy bekezdés, amiben bemutatod magad és a betűméret 20px, betűtípus verdana</p>
<div class="img"><a href="https://pixabay.com/hu/"><img src="https://cdn.pixabay.com/photo/2023/08/19/05/24/starry-sky-8199764_1280.jpg" target="_blank"></a></div>
<ol reversed>
<li>sült kolbász</li>
<li>töltöttkáposzta</li>
<li>lasagne</li>
<li>spagetti bolognai</li>
<li>hamburger</li>
</ol>
</body>
<div class="hiv">
<a href="https://google.com" target="_blank">hivatkozás</a>
</div>
</html>
A style.css tartalma:
/*háttérszín*/
body {
background-color: #add8e6;
}
/*címsor középre fehér színnel */
h1 {
text-align: center;
color: #FFFFFF; /*
}
/*bekezdés 20px és verdana */
p {
size: 20px;
font-family: verdana;
}
/*egy div class a képnek hogy középre kerüljön és alsó felső margók neki */
.img {
text-align: center;
border-top: 2px solid #000000;
border-bottom: 5px solid #000000;
}
/*a kért hivatkozás div */
.hiv {
/* hivatkozas div */
}
/*a hivatkozás színe és az aláhúzás nélküli beállítás */
.hiv a {
color: #008000;
text-decoration: none;
}
/*ha a kurzos a hivatkozásra kerül piros szín */
.hiv a:hover {
background-color: #FF0000;
}
/*a már meglátogatott hivatkozás színe kék */
.hiv a:visited {
color: #0000FF;
}
A szöveget tetszés szerint módosítsd.
Szép napot!
Van két fájl:
weboldal.html és style.css
A weboldal.html tartalma:
<!DOCTYPE html>
<html>
<head>
<title>Weboldal</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Egy cím ami középre van igazítva és fehér színű</h1>
<p>Egy bekezdés, amiben bemutatod magad és a betűméret 20px, betűtípus verdana</p>
<div class="img"><a href="https://pixabay.com/hu/"><img src="https://cdn.pixabay.com/photo/2023/08/19/05/24/starry-sky-8199764_1280.jpg" target="_blank"></a></div>
<ol reversed>
<li>sült kolbász</li>
<li>töltöttkáposzta</li>
<li>lasagne</li>
<li>spagetti bolognai</li>
<li>hamburger</li>
</ol>
</body>
<div class="hiv">
<a href="https://google.com" target="_blank">hivatkozás</a>
</div>
</html>
A style.css tartalma:
/*háttérszín*/
body {
background-color: #add8e6;
}
/*címsor középre fehér színnel */
h1 {
text-align: center;
color: #FFFFFF; /*
}
/*bekezdés 20px és verdana */
p {
size: 20px;
font-family: verdana;
}
/*egy div class a képnek hogy középre kerüljön és alsó felső margók neki */
.img {
text-align: center;
border-top: 2px solid #000000;
border-bottom: 5px solid #000000;
}
/*a kért hivatkozás div */
.hiv {
/* hivatkozas div */
}
/*a hivatkozás színe és az aláhúzás nélküli beállítás */
.hiv a {
color: #008000;
text-decoration: none;
}
/*ha a kurzos a hivatkozásra kerül piros szín */
.hiv a:hover {
background-color: #FF0000;
}
/*a már meglátogatott hivatkozás színe kék */
.hiv a:visited {
color: #0000FF;
}
A szöveget tetszés szerint módosítsd.
Szép napot!
0
- Még nem érkezett komment!