Yazar:
John Stephens
Yaratılış Tarihi:
26 Ocak Ayı 2021
Güncelleme Tarihi:
1 Temmuz 2024
![Basit Web Site Yapımı - Html Css Basit Web Site Yapımı](https://i.ytimg.com/vi/lQcpPBECqUc/hqdefault.jpg)
İçerik
Her gün web sayfaları kullanıyoruz, ancak bir tane oluşturmak zor mu? Bu makale size Not Defteri kullanarak nasıl basit bir HTML web sitesi oluşturacağınızı öğretecek.
Adımlar
Yöntem 1/1: Kendi web sitenizi oluşturun
Not Defteri'ni açın. Not Defteri, her Windows bilgisayarına önceden yüklenmiş olarak gelir ve bunu Başlat menüsünde bulabilirsiniz. Not Defteri'ni açtıktan sonra, "Dosya" yı tıklayın, açılır menüden "Farklı Kaydet" i seçin. Ardından, dosya türü menüsünde "Tüm Dosyalar" ı seçin ve dosyayı HTML olarak kaydedin. Genellikle "index.html" dosyası, web sitesindeki her şeye erişmek için tüm bağlantıları içeren ana sayfadır.
HTML (HyperText Markup Language) etiketleri kullanır. Temel olarak etiketler, aksanların içindeki kelimelerdir.
Web sayfanızı oluşturmak için çok sayıda etiket kullanacaksınız. Yanında bir kod satırını sonlandırmak için kullanılan bir "kapatma etiketi" bulunur. Örneğin: Bu etiketler kalın bir yazı tipi veya bir paragraf metin ile sonuçlanır.
Web sayfası başlığı genellikle etikettir: . Bunu, Not Defteri dosyanızın en üstüne yerleştirebilirsiniz.
Sıradaki kart .
Bir sonraki, bu sekme tarayıcıya pencerenin üst kısmına ne yerleştireceğini söyler ve meta etiket (isteğe bağlı) arama motoruna (Google gibi) sitenin ne hakkında olduğunu söyler.
Bir sonraki satırda, karttan sonra başÖrneğin bir başlık koyalım:wikiHow HTML
Şimdi yazın ilk bölümü bitirmek için.
Web sitesinde sonraki etiket . Tarayıcıların tüm renkleri desteklemediğini unutmayın (örneğin, çoğu tarayıcı koyu griyi desteklemez).
İki gövde etiketi arasında, kullanıcının gördüğü web sayfası içeriği bulunur. Başlıkla başlayalım. Bu, etiketinden HTML'de belirtilen metnin büyük kısmıdırgel
, kartla
en büyük boyuttur. Böylece, web sayfasının üst kısmında, gövde etiketinden sonra,
Sayfama hoşgeldiniz!
Her zaman bir kapatma etiketi koymalısınız, aksi takdirde web sayfasındaki tüm metinler abartılacaktır!
Web sayfası içeriğine eklenebilecek diğer bir etiket iseveya paragraf etiketleri.
Başlıktan sonra girebilirsiniz. Nasıl web sitesi yapılacağını öğreniyorum! WikiHow kuralları! Sayfada yeni bir satır oluşturmak istiyorsanız, sarma etiketini kullanın
.
Yalnızca düz metin içeren bir web sitesi sıkıcıdır. Öyleyse bazı formatlar koyalım. Kart kalın metne, italik yapmak ve altını çizmek. Kapanış etiketini unutmayın!
Web sitesini gerçekten ilginç kılan resimlerdir. Metin biçimlendirilmiş olsa bile, hiç kimse bir sayfayı tüm metin olarak görmek istemez. Bir kart kullanınresim eklemek için. Ancak gövde etiketi gibi bu etiketin de ek bilgiye ihtiyacı vardır. Bir img etiketi şöyle görünür:
Src verileri (kaynak: kaynak), resmin adıdır. Genişlik ve yüksekliğin arkasında, görüntünün piksel cinsinden genişliği ve yüksekliği bulunur.
Neredeyse bitti! Ziyaretçilerinizin birden çok sayfayı görüntüleyebilmesini istiyorsanız, şu etiketi kullanın: Diğer sayfalar Etiketteki içerik, kullanıcının bir sonraki sayfaya gitmek için tıklayacağı içeriktir ve href bölümü o sayfanın bağlantısıdır. Bu etiketle, kullanıcıları web sitenizde kolayca gezdirebilirsiniz.
Bitirmek için body etiketini şu şekilde bitirmeniz gerekir: ve tüm web sayfasını etikete göre
Dosyayı .html 'uzantısıyla kaydedin. Ardından, nasıl çalıştığını görmek için favori tarayıcınızda file.html dosyasını açın. Tebrikler! Bir web sitesi oluşturdunuz.
Web sitenizi çevrimiçi yayınlamak istiyorsanız, alan adıyla nasıl web sitesi oluşturacağınızı öğrenin. İlan
Tavsiye
- İnternette birçok kart bulabilirsiniz. İnsanların bir web sitesi oluşturmayı öğrenmelerine yardımcı olacak birçok faydalı web sitesi vardır (W3Schools bunlardan biridir).
- Kapatma kullanmayı unutmayın.
- Her zaman kartı sipariş ettiğinizden emin olun ilk satırda, etiketinden önce Tarayıcınıza sitenizin HTML5 standardı olduğunu bildirin.
- Yazı tipini etiketlerle değiştirebilirsiniz önce ve sonra . N, "Verdana" gibi yazı tiplerini belirtir.
- Bir web sayfasında özel karakterler kullanmak istiyorsanız, & lt (<), & gt (>), & amp (&) vb. Yazın, kodun sonunda noktalı virgül ";" OLMALIDIR.
- HTML eğitimlerinde, klasör ve web dosyası adları, herhangi bir vurgu olmaksızın her zaman küçük harflerle yerleştirilir. Windows alan kullanımına izin verse de, birçok web barındırma sağlayıcısı bunu yapmaz, bu nedenle ilk etapta doğru dosya ve klasör adlarıyla zaman ve güçlük çekersiniz.