HTML öğrenmeye nereden başlamalıyım?

[volkantash]

Selâm arkadaşlar.

HTML öğrenmek isteyen kişilerle tanışıyorum arada sırada. Size birkaç sorum olacaktı. Benim bu sorular için bir iki yanıtım olsa da başka yanıtları okumak isterim. Tüm içtenliğiniz ile yardımcı olacağınıza inanıyorum. 🥰

1. Sizce HTML bilmeyen bir kişi HTML öğrenmeye nereden başlamalı?
2. İlk başta nelere kendini vermeli?
3. HTML öğrenen kişiye "Yolun başındasın. Şunları sakın etme eyleme!" diye vereceğiniz öğütler neler olurdu?

Vereceğiniz öğütler, öneriler, kılavuzluklar için teşekkür ederim. Allah razı olsun. 🤲

[ferditarakci]

Selam,

Kişinin sadece HTML öğrenmesi aslında basit olsa da bu kendi başına yeterli olmayacağı için aynı zamanda CSS'te öğrenmesi gereklidir.

Yeni başlayanlar için kafa karışıklığı olmaması açısından HTML5 ile gelen tüm etiket/tag'leri öğrenmesi gerekmez, zira aynı şeyleri standart DIV etiketi ile de yapabilirler.

HTML mantığını kavradıktan sonra HTML5 ile gelen SECTION, ARTICLE, FIGURE, PICTURE vb etiketleri kullanım amaçlarına göre seçerek ilerleyebilirler.

Önemli olan şey nerede bir etiket/tag açıp nerede kapanması gerektiğine çok dikkat etmeliler aksi halde kodlamaları web tarayıcısında darma dağın olmuş olarak görünebilir :)

Örneğin; <div><p> lorem ipsum dolor sit amet </div></p> sıralamaya dikkat etmeden kapatma
veya <div><p> lorem ipsum dolor sit amet</p> açılan etiketi kapatmama
veya kapatma etiketi kullanılmaması gereken etiketlerin kullanımında <br></br>
ve <img src="/abc.jpg"></img>
ve <input type="text"></input> gibi hatalı kullanımlardan kaçınmalılar.

Bunun yanı sıra CSS kodlamalarında yerli yersiz #id {} seçici kullanmaktan kaçınmalı, mümkün olduğunca .class {} seçici kullanmalılar.

Zira #ID seçici genelde JavaScript ile DOM üzerinde bazı işlemler yapacağımız zaman daha çok tercih edebileceğimiz bir kullanım şeklidir.

Not: Yazdıkları kodun W3C yani World Wide Web Consortium standartlara uygun olup olmadığını ve varsa hataları/uyarıları görüntülemek için aşağıdaki doğrulama araçlarını kullanabilirler.

HTML Validator: https://validator.w3.org/
CSS Validator: https://jigsaw.w3.org/css-validator/

Şimdilik aklıma gelen bunlar. 😊

[volkantash]

Daha iyi yanıt gelir mi bilmem... Çok beğendim bu yanıtı. 👏

[akbulutmehmet]

https://www.w3schools.com/html/

daha iyi bir kaynak yok :)

[volkantash]

Bence HTML için günümüzdeki en iyi kaynak burası: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

[LordSamed]

bence w3schools başlangıç için daha iyi.

[beratunlu]

htmlreference.io
cssrefence.io tavsiye ederim. Özellikle css'de block-inline vb konularda hangi elementin block, hangi elementin inline olduğunubulabileceğiniz bir site.

[volkantash]

Pek güzel bir yer. Bir bakışta bütün olayı görebiliyoruz.

💪😎🤜🤛🤠👍