Örnek: "link" isimli bir klasör oluşturalım. İçerisine index.html
sayfasını açalım. Ekranın üstüne h1 ile ANASAYFA ortalanarak yazdırılacak, daha
sonra mavi çizgi çizdirelim, sonrasında yan yana aşağıdaki ekran görüntüsü
oluşturalım.
 |
| index.html sayfamızın genel görünümü |
index.html için kodlar:
<html>
<head>
</head>
<body>
<h1
align="center"><font color="red"> ANASAYFA
</font></h1>
<hr color="blue">
<h4 align="center"><a
href="index.html"> ANASAYFA </a> |
<a
href="paragraf.html">
PARAGRAF </a>|
<a href="uygulama.html">
UYGULAMA </a>|
<a href="yazi.html">
YAZI TİPLERİ </a></h4>
</body>
</html>
 |
| paragraf.html sayfasının görrünüşü |
paragraf.html için kodlar:
Sonrasında
Paragraf sayfasına VİZYON ve MİSYON isimli iki başlık ekleyerek altına birer
paragraf oluşturulacak.
VİZYON= monotype corsiva, pembe,5
MİSYON=algerian, mor, 7
<html>
<head>
</head>
<body>
<h1
align="center"><font color="red"> PARAGRAF
</font></h1>
<hr color="blue">
<h4 align="center"><a
href="index.html"> ANASAYFA </a> |
<a
href="paragraf.html">
PARAGRAF </a>|
<a href="uygulama.html">
UYGULAMA </a>|
<a href="yazi.html">
YAZI TİPLERİ </a></h1>
<p> MİSYON <br>
<font face="Monotype
Corsiva" color="pink" size="5">
Ekle sekmesinde, galeriler belgenizin
genel görünümünü düzenlemek için tasarlanan öğeleri eklerler.
Bu galerileri, tablolar, üstbilgiler,
altbilgiler, kapak sayfaları ve diğer belge yapı taşlarını
eklemek için kullanabilirsiniz. Resimler, kartlar veya grafikler
oluşturduğunuzda, aynı zamanda
geçerli belge görünümünüzü de
düzenlerler. </font></p>
<p> VİZYON <br>
<font face="Algerian"
color="purple" size"7">
Belgedeki seçili metnin
biçimlendirmesini, Giriş sekmesindeki Hızlı Stiller galerisinden seçilen
metin görünümünü seçerek kolayca
değiştirebilirsiniz. Metni doğrudan
Giriş sekmesindeki diğer
denetimleri kullanarak da
biçimlendirebilirsiniz. Denetimlerin
çoğu geçerli temadan görünüm
kullanma ya da doğrudan belirlediğiniz
biçimi kullanma seçeneği sunar. </font>
</p>
</body>
</html>
Uygulama.html için kodlar:
<html>
<head>
</head>
<body>
<h1 align="center"><font
color="red"> UYGULAMA </font></h1>
<hr color="blue">
<h4 align="center">
<a href="index.html">
ANASAYFA </a> |
<a
href="paragraf.html">
PARAGRAF </a>|
<a href="uygulama.html">
UYGULAMA </a> |
<a href="yazi.html">
YAZI TİPLERİ </a></h1><br>
<ul type="square">
<li>Web
<li>Grafik
<li>Veritabanı
<ol
type="1">
<li>c++
<li>javascript
<li>pascal
</ol>
<li>Programlama
</ul>
</body>
</html>
Yazıtipleri.html için kodlar:
<html>
<head>
</head>
<body>
<h1
align="center"><font color="red"> YAZI TİPLERİ
</font></h1>
<hr color="blue">
<h4 align="center"><a
href="index.html"> ANASAYFA </a> |
<a
href="paragraf.html">
PARAGRAF </a>|
<a href="uygulama.html">
UYGULAMA </a>|
<a href="yazi.html"> YAZI
TİPLERİ </a></h4>
YAZI TİPLERİ ÖRNEKLER <br>
<font size="5"
color="Purple" face="Monotype Corsiva">
bu aralık font tagı kapatılıncaya kadar
monotype corsiva, mor ve 5 boyutunda yazar. </font>
<hr color="blue">
<hr color="pink"
width="600" size="10">
<font size="7"
color="green" face="algerian">
<u><i>BU YAZI YEŞİL,
ALGERİAN, İTALİC, 7 BOYUTUNDA VE ALTI ÇİZİLİ YAZAR
</i></u></font><br>
<u><i>buraya yazdıklarım
italik ve altı çizili yazar </i></u> şu anda tüm özellikler kapalı
</body>
</html>
0 yorum :
Yorum Gönder