İlk HTML tasarımı nasıl olmuş?

enesxp30 · 7 Eyl 2022

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30       
        </b>
    </p>
    </font>
</html>

connec · 7 Eyl 2022

Sadece kodlara bakarak sonucu hayal ederek yazıyorum. Hevesinizi kırmak istemem ama çok daha fazla geliştirilmesi lazım. HTML'i tamamen öğrendikten sonra en azından CSS öğrenmeniz lazım. Tek başına HTML tuzsuz çorbaya benzer. Zamanında çok işime yarayan bir videoyu bırakıyorum.

The VODKA · 7 Eyl 2022

enesxp30' Alıntı:

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30    
        </b>
    </p>
    </font>
</html>

Ah bu HTML sevginiz. Ah bu <br/> sevginiz.
Açık sözlü olmak gerekirse başlangıç olarak çok başarılı olmuş. CSS öğrenerek bu tasarımları dahada iyi bir hale getirebilirsiniz. codepen.io gibi adresleri ziyaret ederek örnek tasarımları inceleyebilirsiniz. Buda sizin için bir önek olmuş olur. Daha yolun çok başındasınız.

İyi Forumlar.

CH · 7 Eyl 2022

Başlangıç yapıp temel atmışsın kardeşim eline sağlık güzel olmuş başarıların daim olsun ellerine sağlık daha sağlam çalışmalarının takipçisiyiz

ByZehirx · 7 Eyl 2022

Alem adamlarsiniz.
Erkek 1 saat izledim bunu yaptım bide helal olsun görsel olarakta upload etmiş.

1 saat izlemiş bunu yapmış
2 saat izlese http://localhost/index.html webpage işine girer
Kafaya taksa 2 günde içinden geçer
Bu forumda ve aktif kullanıcı bizler ayda kaç kez htmldn bahsediyor veya lafını ediyoruz benim için html hacklenen sitelere basılmak için kullanılan 2 satır kod ve 7 veya 8 yildirda hiç ugraşmam

Hemen adama #C A B E ögren diye bilgi vermişiniz. Yannış anlamayın art niyetle yazmıyorum uyuyamadim başım ağrıyor karnım aç buzluktan kıyma çıkardım sabah sabah yemek yip kendime gelip uyuyacam

Benimde canım sıkılıyor takılıyorum işte

'Spica · 7 Eyl 2022

Öncelikle ilk iş için fena sayılmaz fakat istiklal marşını tam ortaya ve hazırlayan kısmını da biraz aşağıya alırsan daha iyi olabilir.

ditanza · 7 Eyl 2022

ilk iş için iyi biraz daha çalışıp pes etmezsen çok süper olur

Akmenhan · 7 Eyl 2022

enesxp30' Alıntı:

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30     
        </b>
    </p>
    </font>
</html>[/C
[/QUOTE]

enesxp30' Alıntı:

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30      
        </b>
    </p>
    </font>
</html>

Eline sağlık reis biraz da CSS ögrenirsen kendini geliştirirsin iyi gidiyorsun tebrik ederim

ѕeleɴια · 7 Eyl 2022

HTML kursunun ortalama 1 saatinde paragraf etiketleri, biçimlendirme etiketleri, images, links, listler ve div span falan bitmiş olması gerekirdi diye düşünüyorum. Kurs biraz ağırdan alıyor sanki

ɴᴜʟʟ · 7 Eyl 2022

Eline sağlık..
Sana çok beğendiğim bir kaynak vereyim.

https://youtube.com/playlist?list=PLfAfrKyDRWrG7tK01yW92A2j7Ou0qpOFm

Anladığım kadarıyla web uygulamaları ile ilgileneceksin.. Sıradaki adımın CSS olabilir

https://youtube.com/playlist?list=PLfAfrKyDRWrFYc77WNfwQpS9-DBBdir_I

Daha sonra bu kanaldan PHP , JS öğrenerek yoluna devam edebilirsin

enesxp30 · 7 Eyl 2022

herkese teşekkür ederim

enesxp30 · 7 Eyl 2022

ѕeleɴια' Alıntı:
HTML kursunun ortalama 1 saatinde paragraf etiketleri, biçimlendirme etiketleri, images, links, listler ve div span falan bitmiş olması gerekirdi diye düşünüyorum. Kurs biraz ağırdan alıyor sanki

istersen kursun linkini atabilirm

icehead · 7 Eyl 2022

Bak böyle daha güzel sadece css kullanman gerek.

css için kitap alabilirsin youtube dan da izleyebilirsin ama unutma kitap daha iyidir.

HTML:

<html lang="TR">
<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap" rel="stylesheet">
<title>Test Sayfası</title>

<style>
body{
    background-image: url("https://www.emlakrotasi.com.tr/wp-content/uploads/2017/03/C%CC%A7anakkale-S%CC%A7ehitler-Abidesi--e1489645482240.jpg"); /*arka plan resmi*/
     /* Full height */
  height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}
.mars{
    margin-top: 65;
    text-align: center;
    font-family: 'Ms Madi', cursive;
    color:whitesmoke;
}
.yazar{
    text-align:end;
    margin-right: 610;
}
</style>
</head>


<body>

<div class="mars">
    <h1>İSTİKLÂL MARŞI</h1>
    <h1>
      <b>Korkma, sönmez bu şafaklarda yüzen al sancak;<br>
        Sönmeden yurdumun üstünde tüten en son ocak.<br>
        O benim milletimin yıldızıdır, parlayacak;<br>
        O benimdir, o benim milletimindir ancak.<br>

        Çatma, kurban olayım çehreni ey nazlı hilâl!<br>
        Kahraman ırkıma bir gül… ne bu şiddet bu celâl?<br>
        Sana olmaz dökülen kanlarımız sonra helâl,<br>
        Hakkıdır, Hakk’a tapan, milletimin istiklâl.<br>
    </b>
    </h1>
    <br>
    <div class="yazar"><h2>M.Akif Ersoy.</h2></div>
</div>



</body>



</html>

'GHOST · 7 Eyl 2022

enesxp30' Alıntı:

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30      
        </b>
    </p>
    </font>
</html>

Merhabalar yeni baslamissin anladigim kadariyla , tabi bazı profesyonel tasarım gerekçelerini ilerde öğrenirsin ancak biz profesyonel tasarımlarda her bir özelliği css ile tutar oluştururuz <br> vb. taglar kullanmaktansa bunu daha otomatize ve profesyonel bir şekilde css ile yapabilirsin her satır bosluk birakmak icin ayni ozellige sahip her eleman arasinda <br> taglarini kullanman hoş olmaz.

Cyb3r4 · 7 Eyl 2022

Diğerleri gibi yorum yapmayacağım, Ellerine sağlık, yeni başlayan birisi için gayet iyi bir proje olmuş umarım daha iyi projelerde seni görürüz

Yolun açık olsun....

RandomMeta · 7 Eyl 2022

enesxp30' Alıntı:

1 saatliğine html kurs izledim biraz uğraştım en son kendim tek başıma hazırladım heh çok ufaktan etiketlere baktım ne işe yaradığını ama yaptığıma değmişmi?

site : İstiklar Marş - Enes

kaynak kodu ;

HTML:

<html>
<head>
<title>İstiklar Marş - Enes</title>
<make charset="utf-8"></make>
</head>
<body background="https://i.hizliresim.com/rutz69h.jpg">
    <font face=Optima size=20 color=red>
    İSTİKLÂL MARŞI
    </font>
    <font color=red>
    <br>
    <b>Korkma, sönmez bu şafaklarda yüzen al sancak;</b>
    <br>
    <b>Sönmeden yurdumun üstünde tüten en son ocak.</b>
    <br>
    <b>O benim milletimin yıldızıdır, parlayacak;</b>
    <br>
    <b>O benimdir, o benim milletimindir ancak.</b>
    <br>
    <hr>
    <b>Çatma, kurban olayım çehreni ey nazlı hilâl!</b>
    <br>
    <b>Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</b>
    <br>
    <b>Sana olmaz dökülen kanlarımız sonra helâl,</b>
    <br>
    <b>Hakkıdır, Hakk’a tapan, milletimin istiklâl.</b>
    </font>
    <font size=18 color=blue>
    <p align="center">
    <b>
        Hazırlayan enesxp30      
        </b>
    </p>
    </font>
</html>

bence 500 tane br ekleyeceğine yazdıklarını p etiketi içine al sonrada strong etiketi içine alırsın
bir saate göre iyi

İlk HTML tasarımı nasıl olmuş?

enesxp30

Üye

connec

Uzman üye

The VODKA

Uzman üye

CH

Uzman üye

ByZehirx

Yaşayan Forum Efsanesi

'Spica

Üye

ditanza

Üye

Akmenhan

Yeni üye

ѕeleɴια

Kıdemli Üye

ɴᴜʟʟ

Katılımcı Üye

enesxp30

Üye

enesxp30

Üye

icehead

Uzman üye

'GHOST

Uzman üye

Cyb3r4

Üye

RandomMeta

Yeni üye

Sosyal medya sayfalarımız