Uygulama – Mektubu düzenle

Hepimiz er ya da geç mektup yazmayı öğreniriz.

Hepimiz er ya da geç mektup yazmayı öğreniriz. Mektup yazmak metin biçimlendirme becerilerinizi test etmek için de yararlı bir örnektir. Bu değerlendirmede, biçimlendirmeniz için size bir mektup veriyoruz.

Başlangıç ​​noktası

Başlamak için işaretlemeniz gereken ham metni ve HTML’yi biçimlendirmek için kullanacağınız CSS dosyasını indirin. Metin düzenleyicinizi kullanarak yeni bir dosya oluşturun veya aşağıdaki gibi çevrimiçi bir araç kullanın: codepanjsFiddle, veya glitch.

Proje tanıtımı

Bu proje için göreviniz, bir üniversite intranetinde barındırılması gereken bir mektubu düzenlemek. Mektup, bir araştırma görevlisinin, üniversiteye başvurularıyla ilgili olarak aday doktora öğrencisine verdiği bir yanıtı içeriyor.

Blok/yapısal anlambilim

  • Uygun belge yapısını (doctype dahil) ve <html><head> ve <body> elemanlarını kullanın.
  • Genel olarak, mektup, aşağıdaki istisna dışında, başlıklar ve paragraflardan oluşacak şekilde düzenlenmeli. Bir üst düzey başlık (“Re:” satırı) ve üç adet ikinci seviye başlık bulunuyor.
  • Dönem başlangıç ​​tarihlerini ve çalışma konularını işaretlemek için uygun bir liste türü kullanın.
  • İki adresi de <address> öğelerin içine koyun. Adresin her satırı yeni bir satıra oturmalı, ancak yeni bir paragrafta olmamalıdır.

Satır içi anlambilim

  • Göndericinin ve alıcının adları (ve Tel ve E-posta ) kalın olarak etiketlenmelidir.
  • Belgedeki dört tarih, makine tarafından okunabilir tarihleri ​​içeren uygun öğelere sahip olmalıdır.
  • Mektuptaki ilk adres ve ilk tarih, gönderen değerinde bir class özniteliğe sahip olmalıdır. Daha sonra ekleyeceğiniz CSS, klasik harf düzeninde olması gerektiği gibi bunların sağa hizalanmasına neden olacaktır.
  • Mektubun ana metninde aşağıdaki beş kısaltmayı işaretleyin – “PhD”, “HTML”, “CSS”, “BC” ve “Esq.” – her birinin açılımlarını sağlayın.
  • Altı alan/üst alan, kimyasal formüller ve 103 ve 104 sayıları (sırasıyla 10 üzeri 3 ve 4’ün kuvveti olmalıdır) uygun şekilde işaretlenmelidir.
  • Metinde en az iki uygun kelimeyi güçlü bir önem/vurgu ile işaretlemeye çalışın.
  • Mektubun bir bağlantı içermesi gereken iki yeri var. Başlıklara uygun bağlantılar ekleyin. Bağlantıların gösterdiği konum için URL olarak https://koddla.com kullanabilirsiniz.
  • Üniversite sloganı alıntısını ve referansını uygun unsurlarla etiketleyin.

Belgenin başı

  • Belgenin karakter seti, uygun meta etiketi kullanılarak utf-8 olarak ayarlanmalıdır.
  • Mektubun yazarı uygun bir meta etiketiyle belirtilmelidir.
  • Sağlanan CSS, uygun bir etiketin içine dahil edilmelidir.

İpuçları ve püf noktaları

  • HTML’nizi doğrulamak için W3C HTML doğrulayıcı servisini kullanın. Doğrulanırsa kendinize bonus puanlar verin.
  • Bu ödevi yapmak için herhangi bir CSS bilmenize gerek yok. Sağlanan CSS’yi bir HTML öğesinin içine koymanız yeterli.

Örnek

Aşağıdaki ekran görüntüsü, mektkubun düzenlendikten sonra nasıl görünebileceğinin bir örneğini gösteriyor.

Örnek

Bu yazı topluluk tarafından oluşturuldu. Lisans bilgisine bakabilirsiniz. Yanlış veya eksik bilgileri düzenlemek için github üzerinden katkıda bulunabilirsiniz.

Kategoriler: HTML'e Giriş, HTML, Kılavuz

konular

Okumaya devam et!
Sonraki Yazı: Uygulama – İçerik sayfasını yapılandırma

CSS kullanarak bir içerik sayfası yapılandırmak, ustalaşmak için çok önemli bir beceridir.

Video ve ses içeriği

Artık bir web sayfasına basit resimler ekleme konusunda rahat olduğumuza göre, sonraki adım HTML belgelerinize video ve ses oynatıcıları eklemektir! Bu makalede <video> ve <audio> öğeleriyle tam da bunu yapmaya çalışacağız; ardından videolarınıza nasıl açıklama ekleyeceğinize bakarak bitireceğiz.

CSS temelleri

CSS (Stil Sayfaları), web içeriğini stilleyen koddur.

Yerel test sunucusu nasıl kurulur?

Bu makalede, makinenizde basit bir yerel test sunucusunun nasıl kurulacağı ve nasıl kullanılacağına ilişkin temel bilgilere bakacağız.

Web sayfası, web sitesi, web sunucusu ve arama motoru arasındaki fark nedir?

Bu makalede, web ile ilgili çeşitli kavramları açıklıyoruz: web sayfaları, web siteleri, web sunucuları ve arama motorları.

Yorum Gönderin

E-posta hesabınız yayımlanmayacak.

koddla
Tema Mundana by WowThemes.net.