Bu görünümün html ve stilini nasıl alabilirim?

Question

Web programcılığına yeni başladım ve bir okul projesi için bir web sitesi oluşturmam gerekiyor. Web siteme de

ben bu görünümü olmasını istiyorsanız:

i website üzerinde gördüğümüz.

Bunun htmlini nasıl alırım?

Answer 1

Tarayıcınızın araçlarını kullanın!

İlk olarak, "görünümler" in belirttiğiniz gibi - "görünümler" HTML'de yok. Ama etiketler var. Ortak etiketler <a href="...">...</a>, <strong>bold text</strong>, <div>...</div>, ... Ne istediğinizi birkaç alt etiketli bir etiket almaktır.

Firefox'ta, Page inspector adlı bir araç var. Sitenin kaynak kodunu etkileşimli olarak incelemenize izin verir (ör. Bir etiketin üzerine gelin ve vurgulanır). Bununla, gerekli HTML etiketlerini kolayca bulabilirsiniz. Ancak her etiket için CSS stillerine de ihtiyacınız var. Bir etikete tıklarsanız, sağda CSS stilleri gösterilir. Bunları stil sayfanıza kopyalamanız gerekir ve belki de bunları farklı HTML yapınıza uyacak şekilde değiştirmeniz gerekir.

Chrome'da da benzer bir şey var.

Ancak, bu kodu değiştirmeden kopyalayıp yapıştırmanızın pek hoş olmadığını lütfen unutmayın. Böyle bir şeyi nasıl yapabileceğinizi keşfetmek için iyi bir fikir, ancak bir şeyi sahiplenmek için değiştirmenizi şiddetle tavsiye ederim!