0
Kayıt Ol

HTML Öğreniyorum! - Temel Dinamik Kod Yapıları

3

●

655

  • 25-05-2019, 17:10:51
    #1
    icerikmedya
    icerikmedya
    / * * Kodlarınızı denemek için Notepad++ uygulamasını kullanabilirsiniz. İndirmek için https://notepad-plus-plus.org/download/v7.7.html bağlantısını kullanabilirsiniz. Kurulumu son derece basit ve erişimi kolaydır.

    Yazımıza öncelikle kısa bir bilgilendirme ile başlayalım. (Yazı mümkün olduğunca güncel tutulacaktır, her gün farklı bir bilgi eklemek adına yarım bırakılmıştır.)

    HTML Nedir?
    • Açılımı "Hyper Text Markup Language" olmakla birlikte "çok yere açılan metin" anlamına da gelebilir.
    • Bir HTML dosyası, markup tags (işaretlenmiş etiketler) içerir.
    • Bir HTML dosyasının uzantısı, HTM veya HTML olmak zorundadır.
    Küçük bir kod yapısı ile kodlarınızı çalıştırmayı deneyebilirsiniz. Bunun için en kolay yol, Windows kullanıyorsanız not defteri ve MAC kullanıyorsanız SimpleText uygulamalarıdır.

    / * * Aşağıdaki kod yapısını herhangi bir HTML editör ile çalıştırıp, sayfayı ornek.htm veya ornek.html olarak kaydedin. Ardından çalıştırın.

    <html>
    <head>
    <title>Site Başlığı</title>
    </head>
    <body>
    Sayfanın İlk Yazısı <b>Bold (Kalın) Metin Türü</b>
    </body>
    </html>


    Başlıklar
    / * * Aşağıdaki kod yapılarını HTML editörünüzde çalıştırırsanız, punto farklılıklarını rahatlıkla gözlemleyebilirsiniz.

    <h1>Bu bir cümle.</h1>
    <h2>Bu bir cümle.</h2>
    <h3>Bu bir cümle.</h3>
    <h4>Bu bir cümle.</h4>
    <h5>Bu bir cümle.</h5>
    <h6>Bu bir cümle.</h6>


    Paragraflar

    Paragraf oluşturacağınız zaman, "<p> ve </p>" etiketlerini kullanabilirsiniz
    Örnek:
    <p>Bu bir cümle.</p>


    Satır Atlama
    / * * "<br> etiketi, sadece satır atlamak için kullanılabilir. Paragraf oluşturamaz.

    <p> Bu <br> bir çok satırlı <br> paragraftır.</p>


    Temel HTML Etiketleri


    <html> = HTML dökümanını belirtir.
    <body> = Görüntülenecek kısmı belirtir.
    <h1> to <h6> = Başlık türlerini belirtir.
    <p> = Paragrafları belirtir.
    <br> = Boş satırları belirtir.
    <hr> = Yatay bir çizgi belirtir.
    <!--> = Yorum satırı olduğunu belirtir.



    Değerli R10 Üyelerinden Gelen Bilgiler
    Misafir adlı üyeden alıntı: mesajı görüntüle
    editörünüzde encoding olarak UTF-8 without bom yani UTF-8 bomsuz olmasına dikkat edin
  • 25-05-2019, 17:14:22
    #2
    Misafir
    Misafir
    doctype gibi önemli bir noktayı unutmuşsunuz
    ilk spoilerda head tagını kapatmamışsınız
    editörünüzde encoding olarak UTF-8 without bom yani UTF-8 bomsuz olmasına dikkat edin
    editörü sublime text ile değiştirmenizi öneririm hem os x hem linux repos hem de windows desteği var
    içerikteki not defteri ve simpletext örneğini kaldırmanızı öneririm. kullanmasın kimse. daha sonraki aşamada sublime text eklentileri vs önerek yol gösterebilirsiniz. klasör inşasını göstermeyi ctrl + h gibi doğrudan satıra gitmeyi ctrl + h ile find and replace gibi özellikleri tanıtabilir daha iyi bir geliştirme ortamı oluşturmalarını sağlayabilirsiniz. in selection whole word case preserve case hatta ufak ufak regex expression gibi özellikleri de tanıtırsınız. kim bilir css jsden sonra IDEye geçip nodejs gulp ile front end geliştirme için kütüphaneler kullanarak proje gelişimini hızlandıracak özellikler tanıtırsınız. konunuzu destekliyorum ve yakından takip edeceğim tek ricam xhtml vs unutup sadece html5 standartlarına uygun şeklinde anlatmanız
    • Enes65532
    • lionparsde
    • icerikmedya
    Enes65532, lionparsde ve icerikmedya bunu beğendi.
    3 kişi bunu beğendi.
  • 25-05-2019, 17:16:31
    #3
    icerikmedya
    icerikmedya
    Misafir adlı üyeden alıntı: mesajı görüntüle
    editörünüzde encoding olarak UTF-8 without bom yani UTF-8 bomsuz olmasına dikkat edin
    Değerli bilgilendirmeniz için teşekkür ediyorum, konumuzda yer verdim.
  • 30-05-2019, 14:42:13
    #4
    Bora
    Bora
    https://prototurk.com/html
    şurayı inceleyebilirsin ,güzel yazmışlar