Nasıl Yapılır - Bir HTML Kitabı Oluşturun
Tüm cihazlarda, PC'de, dizüstü bilgisayarda, tablette ve telefonda çalışacak bir HTML Kitabı oluşturmayı öğrenin.
İlk olarak, Temel Bir HTML Sayfası Oluşturun
HTML, web siteleri oluşturmak için standart biçimlendirme dilidir ve CSS, bir HTML belgesinin stilini tanımlayan dildir.
Temel bir HTML Kitabı oluşturmak için HTML ve CSS'yi birleştireceğiz.
İlk önce bir HTML iskeleti ile başlayın:
Örnek
<!DOCTYPE html>
<html>
<head>
<title>My Book</title>
<meta charset="UTF-8">
</head>
<body>
<h1>My Book</h1>
<p>HTML book created by me.</p>
</body>
</html>
Örnek Açıklama
<!DOCTYPE html>
Belge türü HTML'dir<html> </html>
Belgenin başı ve sonu<head> </head>
Belge bilgilerinin başlangıcı ve sonu<title>
Kitabın adı ("Kitabım")<meta charset="UTF-8">
Kullanılan karakter seti (UTF-8)<body> </body>
Görünür içeriğin başı ve sonu<h1> </h1>
Bir başlığın başı ve sonu<p> </p>
Paragrafın başı ve sonu
Yukarıda açıklanan kod HTML etiketleridir.
HTML etiketleri, bir HTML belgesinin içeriğini tanımlamak için kullanılır.
Etiketler <
(küçüktür işareti) ile başlar ve (büyüktür işareti) ile biter
>
.
Bu şekilde <p>
ve </p>
bir paragrafın başlangıcını ve sonunu işaretlemek için kullanılır.
Not: HTML'yi ayrıntılı olarak incelemek istiyorsanız, lütfen HTML Eğitimimizi okuyun .
<html>
Tamamen doğru olması için , kitapta kullanılan dili tanımlamak için etikete bir dil özelliği eklenmelidir :
<html lang="en">
Aşağıdaki meta bilgileri eklemek, kitabınızın tüm cihazlarda, PC'de, dizüstü bilgisayarda, tablette ve telefonda doğru şekilde görüntülenmesini sağlar:
<meta name="viewport" content="width=device-width, initial-scale=1">
Örnek
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Book</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>My Book</h1>
<p>HTML book created by me.</p>
</body>
</html>
İçindekiler Tablosu Oluşturun
Öğelerin <body> </body>
içine bir içindekiler tablosu ekleyin:
<body>
<h1>Philosopy</h1>
<h3>Table of Contents</h3>
<p>1. Metaphysics</p>
<p>2. Epistemology</p>
<p>3. Logics</p>
<p>4. Ethics</p>
<p>5. Aesthetics</p>
</body>
Biraz Stil Ekle
Kitabınıza bir stil sayfası ekleyin:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
Not: CSS'yi ayrıntılı olarak incelemek istiyorsanız, lütfen CSS Eğitimimizi okuyun .
Bölüm 1 için bir HTML sayfası oluşturun
Dosya: felsefe_bölüm1.htm
<body class="w3-content">
<div class="w3-container">
<h1>1. Metaphysics</h1>
<h3>The nature of reality.</h3>
<p>Metaphysics is the part of philosophy that studies the nature of reality.</p>
<p>When we look around, we can see:</p>
<ul>
<li>Nature</li>
<li>Animals</li>
<li>People</li>
<li>Houses</li>
<li>Cars</li>
<li>and much more</li>
</ul>
<p>Is this Virtual Reality real?</p>
<p>In Metaphysics, the questions is:</p>
<ul>
<li>What is real?</li>
<li>Is what we see real?</li>
<li>Is there more than we see?</li>
<li>Is there more than we sence?</li>
<li>Is there something else?</li>
<li>Is there something more?</li>
<li>Is there another dimension?</li>
</ul>
</div>
</body>
1. Bölüme Bağlantı Ekle
<body>
<h1>Philosopy</h1>
<h3>Table of Contents</h3>
<p><a href="philosophy_chapter1.htm">1. Metaphysics</a></p>
<p>2. Epistemology</p>
<p>3. Logics</p>
<p>4. Ethics</p>
<p>5. Aesthetics</p>
</body>
Yukarıdaki örnekte, kitabın ilk bölümünün adını verdik:
" felsefe_bölüm1.htm ".
Kullanacağınız isim size kalmış. Belki de adı "Metafizik" olmalıdır.
Her neyse, yukarıdaki gibi devam edin ve diğer bölümleri oluşturun:
"philosophy_chaper2.htm"
"philosophy_chaper3.htm"
"philosophy_chaper4.htm"
"philosophy_chaper5.htm"
Her Bölüme Bir Bağlantı Ekleyin
<body>
<h1>Philosopy</h1>
<h3>Table of Contents</h3>
<p>
<a href="philosophy_chapter1.htm">1. Metaphysics</a>
</p>
<p>
<a href="philosophy_chapter2.htm">2. Epistemology</a>
</p>
<p>
<a href="philosophy_chapter3.htm">3. Logics</a>
</p>
<p>
<a href="philosophy_chapter5.htm">4. Ethics</a>
</p>
<p>
<a href="philosophy_chapter4.htm">5. Aesthetics</a>
</p>
</body>