İlk HTML 5 tasarımım

Çok güzel olmuş. Bugün ben de başladım. Sadece HTML öğreniyorum şu an. Sonradan CSS ve Javascript öğreneceğim.

Öğrendiğim YouTube kanalı:
www.youtube.com

PROTOTURK

2009'dan beri yazılım ve tasarım konularıyla ilgili videolu içerikler üretiyorum ve güncel olarak buna devam ediyorum.
www.youtube.com www.youtube.com

Başka önerdiğiniz varsa önerin.
 
Arch or Not dedi:
Kod: 
<html>
<head>
<meta charset="utf=8">
<title>
5.sınıf Fen Bilimleri 1.ünite tekrar.
</title>
</head>
<body>
<h1> <font color="#0000" size="4" face="Rockwell" > Ünite 1: Dünya,Ay ve Güneş </font> </h1>
<h3> Dünya </h3>
► Yaşamın var olduğunun bilindiği tek gezegendir.<br> <br>
► Güneş ile kıyaslandığında çapı 109 kat daha küçüktür.<br> <br>
► Yerküre,mağma,dış ve iç çekirdek olmak üzere dört katmanı vardır.<br> <br>
► Kendi etrafında döner (1 gün= 24 saat)<br> <br>
► Güneşin etrafında dolanır 1 yıl=365 gün *6 saat*<br> <br>
(*6 saat* = Bu 6 saat 4 yılda bir 24 saat yani bir günü oluşturur.<br>
Bu da yılın en kısa ayı olan şubat ayına eklenir, bu şekilde 366 gün çeken yıllara artık yıl denir )
<h3> Ay </h3>

► Atmosferi Dünya'ya kıyasla yok denecek kadar azdır bundan dolayı hava olayı yaşanmaz. <br> <br>
► Işık kaynağı değildir geceleri verdiği ışığı Güneş'ten yansıtır. <br> <br>
► Ay Dünyayanın etrafında dolanır (27 gün 7 saat)<br> <br>
► Ay Dünya'nın etrafında gezindiği için, Dünya, Güneş ve Ay'ın birbirlerine göre konumları değişir, Bu da ayın evrelerini oluşturur <br><br>
► 4 ana 2 ara evresi vardır. Yeniay,Dolunay,İlkdördün ve Sondördün ana evre. Hilal ve şişkinay ara evredir. <br> <br>
<img src="D:\indir25.png" alt="Ay'ın Evreleri" >
<h3> Güneş </h3>

<p>► Güneş Bir Yıldızdır . <br> <br>
► Güneş ısı ve ışık kaynağıdır <br> <br>
► Güneş Dünya'ya en yakın yıldızdır. <br> <br>
► Güneş orta büyüklükte bir yıldızdır. <br> <br>
► Güneş gaz ve elementlerden oluşur. <br> <br>
► Güneş'in içine 1.300.000 Dünya sığar. <br> <br>
► Güneş'in Dünya'kinden 109 kat büyüktür. <br> <br>
► Güneş Dünya'mızdan 1.500.000 km uzaktır </p>

</body>
</html>

Konu biraz mantıklı olmayabilir ama sizce nasıl olmuş? 1 hafta içinde öğrendiğim bütün kodlar.
Not: <İmg src="D:\İndir25.png" alt="ay'ın evreleri" > kodundaki görsel.
Genişletmek için tıkla...
Kendimi gördüm bir an. 6. Sınıfta HTML ile not defterinden site yaptırmıştı öğretmenimiz.

Bizim zamanımızda bu kadar makale ve yardımlaşma platformu yoktu. Şanslısın.
Bu yüzden önce HTML sonra CSS sonra JS sonra da Bootstrap öğren. Daha sonra PHP veya
ASP.NET öğrenerek dinamik siteler oluşturursun. Başarılar kardeşim.
 
dgknbzglu dedi:
Kendimi gördüm bir an. 6. Sınıfta HTML ile not defterinden site yaptırmıştı öğretmenimiz.

Bizim zamanımızda bu kadar makale ve yardımlaşma platformu yoktu. Şanslısın.
Bu yüzden önce HTML sonra CSS sonra JS sonra da Bootstrap öğren. Daha sonra PHP veya
ASP.NET öğrenerek dinamik siteler oluşturursun. Başarılar kardeşim.
Genişletmek için tıkla...

Hocam keşke bize de yaptırsa sadece Office programlarını kullanmayı öğretiyorlar 😞.
 
Attribute'ları alt alta yazmak genel olarak kodlarınıza okunabilirlik sağlar.
HTML: 
<font color="#0000" size="4" face="Rockwell" > Ünite 1: Dünya,Ay ve Güneş </font>
yerine
HTML: 
<font
    color="#0000"
    size="4"
    face="Rockwell"> Ünite 1: Dünya,Ay ve Güneş </font>

Kullanılabilir, eğer fazla attribute'a sahip eleman oluşturacaksınız alt alta yazın okunması ve anlaşılması kolay olsun. Ek olarak font etiketini kullanmaya alışmayın, kendisi HTML4 elemanıdır ve HTML5'de bulunmamaktadır. Onun yerine style kullanarak stilize etmeye çalışın, CSS bilginiz de gelişmiş olur.
 
İlginiz için sağ olun bunu bende biliyorum sadece şu an CSS bilgim olmadığı için <font> Etiketini burada sadece rockwell yazı fontunu kullanmak için yazmıştım.

Fatalis dedi:
Attribute'ları alt alta yazmak genel olarak kodlarınıza okunabilirlik sağlar.
HTML: 
<font color="#0000" size="4" face="Rockwell" > Ünite 1: Dünya,Ay ve Güneş </font>
Yerine
HTML: 
<font
color="#0000"
size="4"
face="Rockwell"> Ünite 1: Dünya,Ay ve Güneş </font>

Kullanılabilir, eğer fazla Attribute'a sahip eleman oluşturacaksınız alt alta yazın okunması ve anlaşılması kolay olsun. Ek olarak font etiketini kullanmaya alışmayın, kendisi HTML4 elemanıdır ve HTML5'de bulunmamaktadır. Onun yerine style kullanarak stilize etmeye çalışın, CSS bilginiz de gelişmiş olur.
Genişletmek için tıkla...
 
Basit html taglarıyla olabilecek en sade şekilde amacına ulaşmışsın. Başlangıç için gayet güzel. Biraz css kasmanı tavsiye ederim, çok ağır degil classları en basit css tanımlarını ekleyerek segmentlere ayırmayı deneyebilirsin. border ekleme, htmlde table, tr, td gibi taglere ozel class verip onlara border ekleyip ayırma yapabilirsin en basit örnek olarak. Min/max height/width gibi şeyleri kullanıp belli div classları oluşturup iki divi yan yana koyabilirsin, site ortadan ikiye bölünmüş gibi durur mesela sola resim koyup resmin sağına yazı koymak gibi. Basit alıştırmalar ama geliştirir seni.
 

Benzer konular

shiralphe
HTML, xhtml penceresi ekleme
Mesaj
0
Görüntüleme
217
shiralphe
shiralphe
NITRO
  • Soru
Udemy HTML + CSS alınır mı?
2
Mesaj
18
Görüntüleme
3B
ihydrogeni
ihydrogeni
RizedenÇay
Video izleyerek HTML CSS öğrenilir mi?
Mesaj
7
Görüntüleme
473
Haxlenw
H
BabaFİngo
HTML-CSS linkler ortalanmıyor
Mesaj
3
Görüntüleme
166
Kxaan
Kxaan
lowlow
HTML / CSS template bulma
Mesaj
2
Görüntüleme
537
lowlow
lowlow

Yeni konular

Yeni mesajlar

Geri
Yukarı