İçindekiler:

Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur: 14 Adım
Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur: 14 Adım

Video: Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur: 14 Adım

Video: Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur: 14 Adım
Video: Basit Web Site Yapımı - Html Css Basit Web Site Yapımı 2024, Kasım
Anonim
Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur
Yeni Başlayanlar İçin Parantez Kullanarak Basit Bir Web Sayfası Nasıl Oluşturulur

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

Yazılımı İndirin
Yazılımı İndirin

Parantezleri bu web sitesinden https://brackets.io/ indirin.

2. Adım: Parantezleri Açın

Parantezleri Aç
Parantezleri Aç

bir bilgisayarda indirilen Brackets yazılımını açın.

3. Adım: Yeni Bir Dosya Oluşturun

Yeni Dosya Oluştur
Yeni Dosya Oluştur

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

Farklı Kaydet.. Dosya
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

DOCTYPE Etiketiyle Başlayın
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

HTML Etiketi
HTML Etiketi

ve - bu etiketler bir belgeyi başlatmak ve bitirmek içindir.

7. Adım: Baş ve Vücut Etiketleri

Baş ve Vücut Etiketleri
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

Meta Etiket
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

Başlık Etiketi
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

P Etiketi Kullanarak Paragraf Ekleme
P Etiketi 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örün
Sonuçlarınızı Görün
Sonuçlarınızı Görün
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

Biçimlendirmeyi Değiştir
Biçimlendirmeyi Değiştir
Biçimlendirmeyi Değiştir
Biçimlendirmeyi Değiştir

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

Tek/Çift Satır Kesme Etiketi
Tek/Çift Satır Kesme Etiketi
Tek/Çift Satır Kesme Etiketi
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: