
İçindekiler:
- Adım 1: Yazılımı İndirin
- 2. Adım: Parantezleri Açın
- 3. Adım: Yeni Bir Dosya Oluşturun
- Adım 4: Farklı Kaydet.. Dosya
- Adım 5: DOCTYPE Etiketiyle Başlayın
- 6. Adım: HTML Etiketi
- 7. Adım: Baş ve Vücut Etiketleri
- 8. Adım: Meta Etiket
- 9. Adım: Başlık Etiketi
- Adım 10: P Etiketini Kullanarak Paragraf Ekleme
- 11. Adım: Sonuçlarınızı Görün
- Adım 12: Biçimlendirmeyi Değiştirin
- Adım 13: Tek/Çift Satır Kesme Etiketi
- Adım 14: Sonuç
2025 Yazar: John Day | [email protected]. Son düzenleme: 2025-01-23 15:13

Tanıtım
Aşağıdaki talimatlar, Parantez kullanarak bir web sayfası oluşturmak için adım adım rehberlik sağlar. Brackets, öncelikli olarak web geliştirmeye odaklanan bir kaynak kod düzenleyicisidir. Adobe Systems tarafından oluşturulmuş, MIT Lisansı altında lisanslanmış ücretsiz ve açık kaynaklı bir yazılımdır ve şu anda Adobe ve diğer açık kaynak geliştiricileri tarafından GitHub'da sürdürülmektedir. JavaScript, HTML ve CSS ile yazılmıştır.
Talimatlar
Not: - Tüm HTML etiketleri parantez içinde olmalıdır:
Adım 1: Yazılımı İndirin

Parantezleri bu web sitesinden https://brackets.io/ indirin.
2. Adım: Parantezleri Açın

bir bilgisayarda indirilen Brackets yazılımını açın.
3. Adım: Yeni Bir Dosya Oluşturun

Parantezleri açtıktan sonra, pencerenin sol üst köşesindeki dosya simgesine tıklayın, ardından yeniye tıklayın, yeni “Adsız” dosya göreceksiniz.
Adım 4: Farklı Kaydet.. Dosya

Bu dosyaya sağ tıklayın 'isimsiz', farklı kaydet'i tıklayın, ardından bir sürücüye kaydetmelisiniz.
bu noktada dosyaya herhangi bir isim verebilirsiniz, isimden sonra “.html” (dot html) eklediğinizden emin olun.
Adım 5: DOCTYPE Etiketiyle Başlayın

Her html sayfası, aşağıdaki yapı etiketiyle başlamalıdır. Tarayıcıya, bir HTML sayfası oluştururken hangi "kurallara uyulması gerektiğini" söyler.
6. Adım: HTML Etiketi

ve - bu etiketler bir belgeyi başlatmak ve bitirmek içindir.
7. Adım: Baş ve Vücut Etiketleri

Html etiketleri arasında, 'perde arkası' öğelerini içeren ve yazın. Ayrıca, metin, resim, video, ses vb. içerdiği yerleri yazın.
8. Adım: Meta Etiket

Etiketlerin arasına, arama motoru terimleri veya karakter kodlaması gibi bilgileri sağladığı yere yazın.
9. Adım: Başlık Etiketi

Etiketler arasında, altında, yazın ve. Yani arada yazdığınız her şeyi tarayıcı penceresinin en üstünde göreceksiniz ve bu etiket arama motoru için önemlidir. Örneğin, “WRD 204” yazacağım
Adım 10: P Etiketini Kullanarak Paragraf Ekleme

Araya resim, ses, video ve paragraf gibi bir web sayfasında görünmesini istediğiniz herhangi bir bilgiyi yazın, örneğin benim örneğim için bu etiketleri kullanarak bir paragraf yazacağım paragraf için:
ve.
11. Adım: Sonuçlarınızı Görün


Sonuçlarınızı görmek için: önce dosyaya sağ tıklayın ve “kaydet”e tıklayın, ardından sağ üst köşedeki “canlı önizleme” simgesine tıklayın.
Not: - Herhangi bir değişiklik yaptığınızda ve sonucu görmek istiyorsanız, önce dosyayı kaydetmelisiniz, “Ctrl + S” kısayolunu kullanabilirsiniz.
Adım 12: Biçimlendirmeyi Değiştirin


Metin formatının boyutunu değiştirmek istiyorsanız, en büyük başlığı veya en küçüğünü kullanın. Örneğimde kullanacağım.
Adım 13: Tek/Çift Satır Kesme Etiketi


Paragraflar arasında tek/çift satır sonu yapmak istiyorsanız etiketini kullanın.
Adım 14: Sonuç
Tebrikler! şimdi kendi web sayfanızı oluşturmaya başlayabilirsiniz.
HTML Etiketleri hakkında daha fazla bilgi edinmek istiyorsanız, bu web sitesini tavsiye ederim
Önerilen:
Yeni Başlayanlar İçin Bir DJ Kurulumu Nasıl Yapılır - Vinyl Style!: 7 Adım

Yeni Başlayanlar İçin Bir DJ Kurulumu Nasıl Yapılır - Vinyl Style!: Bu Eğitilebilir Kitapta, size vinil kullanarak klasik pikap stili ile bir DJ kurulumunun nasıl yapıldığını göstereceğim. İster bir hobici olun, ister profesyonel olmak ve muhtemelen gelir elde etmek için dünyayı turlamak istiyorsanız, bu adımlar sizi
Yeni Başlayanlar İçin Basit LED Flip-Flop: 9 Adım

Yeni Başlayanlar için Basit LED Flip-Flop: Yeni başlayanlar için çok basit bir Flip-Flop devresi
Yeni Başlayanlar İçin ESP8266 ve ESP8266 Kullanarak Tweetleme Kılavuzu: 17 Adım (Resimlerle)

ESP8266 Başlangıç Kılavuzu ve ESP8266 Kullanarak Tweetleme: Arduino'yu 2 yıl önce öğrendim. Bu yüzden LED'ler, düğmeler, motorlar vb. gibi basit şeylerle oynamaya başladım. LCD ekranda günün hava durumu, hisse senedi fiyatları, tren saatleri
Optimum StereoGrafik Görüntüleme için Bir Web Sayfası: 7 Adım

Optimum StereoGrafik Görüntüleme için Bir Web Sayfası: StereoGrafik Görüntüleri görüntülemek için gözlerinizi zorlamayın. Görüntüleri ayarlayın
Yeni Başlayanlar İçin Süper Basit Robot!: 17 Adım (Resimlerle)

Süper Basit Yeni Başlayanlar Robotu!: '''ROBOT VİDEO''' YouTube gömülü sürümü işlerken videoya site dışı bir bağlantı… Bu Eğitilebilir Tabloyu mutlak n00by robot özentisi için oluşturdum. Yeni başlayanların sayısında büyük bir sıçrama fark ettim