Scribd
Upload
13 views3 pages

HTML Lang Charset Name Content: "TR" "UTF-8" "Viewport" "Width Device-Width, Initial-Scale 1.0"

Uploaded by

bodymkadry
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views3 pages

HTML Lang Charset Name Content: "TR" "UTF-8" "Viewport" "Width Device-Width, Initial-Scale 1.0"

Uploaded by

bodymkadry
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Ödev</title>
<style>

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

.header {
background-color: #333;
color: white;
padding: 20px;
text-align: center;
}

.container {
max-width: 800px;
margin: auto;
padding: 20px;
background-color: white;
}

h2 {
color: #333;
border-bottom: 2px solid #333;
padding-bottom: 10px;
}

.section {
margin-bottom: 20px;
}

ul {
list-style-type: none;
padding: 0;
}

ul li {
margin-bottom: 10px;
}
</style>
</head>
<body>

<div class="header">
<h1>Abdelrahman Refaei</h1>
<p>Telefon: 055507****9 | E-posta: [email protected]</p>

</div>

<div class="container">

<div class="section">
<h2>Hakkımda</h2>
<p>Ban university ograncim.</p>
</div>

<div class="section" style="background: url('OIP.jpg') center no-


repeat; background-size: contain; opacity: 1; padding: 20px;">
<h2>EÄŸitim</h2>
<ul>
<li><strong>Esenyurt University</strong> - Bilgisayar
Müh.</li>
</ul>
</div>
<div class="section">
<h2>Beceriler</h2>
<ul>
<li>Programlama Dilleri: HTML, CSS, JavaScript,
Python</li>

</ul>
</div>
</div>
</body>
</html>
<html>
<head>

<title>Benim Özgeçmişim</title>
<style>
img {
width: 100px;
height: 100px;
object-fit: cover;
margin: 10px;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
</style>
</head>
<body style = background-color:skyblue>
<div class="container">
<h1 style = color:red font :70>Merhaba, Ben Ahmed
Soliman</h1>
<p>Ben şu anda üçüncü sınıf öğrencisiyim.</p>
<p>Esenyurt Ãœniversitesi'nde okuyorum.</p>
<img src="esenyurt.png" alt="Esenyurt Ãœniversitesi Logo">
<p>2002 yılında Mısır'da doğdum ve şu an 22
yaşındayım.</p>
<p>Hobilerim futbol ve kültür.</p>
<p>Programlama dillerini biliyorum:</p>
<div>
<img src="c.png" alt="C Programming Logo">
<img src="python.jpeg" alt="Python Logo">
<img src="c++.jpeg" alt="C++ Logo">
</div>
</div>
</body>
</html>

You might also like