Web-tasarim-dersleri-yazilar-ve-bicimlendirme

Paylaşım
  • Anasayfa /
  • Paylaşım

Web Tasarım Dersleri Yazılar ve Biçimlendirme

Bugünkü dersimiz ise html yazılar ve yazıalrı biçimlendirme ile başlıkları görecez nedir bu biçimlendirme derseniz

  • Başlıklar
  • Kalın Yazılar (Bold)
  • İtalik (Yatık Yazılar)
  • Altı Çizili Yazılar

Bu dersimizde yukardaki örnekleri ele alıp uygulama yapacağız arkadaşlar sizlerde farklı örneklerle bol bol uygulama yapmanızı tavsiye ederim.

Başlıklar

Html kodlarda başlık etiketi arkadaşlar sayfa içerisinde kullanacağınız yazıların boyutlarını belirlemek için kullanabileceğimiz kodlar.

Başlık Değerleri standart olarak 1 den 6ya kadar farklı değerle istediğimiz büyüklükte başlığı seçebiliriz yalnız ve yalnız dikkat etmeniz gereken yazı editörlerinde rakam büyüdükçe yazı karakteri her zamn büyür 12 olan bir karakteri 18 yaparsanız mutlaka karakter büyür html başlık değerlerinde ise aksine rakam büyüdükçe karakter küçülür arkadaşlar.

1 den 6 ya kadar başlık değerlerimizin olduğunu belirttik bu durumda 1 en büyük başlık 6 ise en küçük başlık olacağı muhtemeldir şimdi başlıkları html kodlamada kullanımını görelim arkadaşlar.

Html Başlık Kodlarının Kullanımı

<h1> Webmasteryolcu H1 Başlık</h1> <h2> Webmasteryolcu H2 Başlık</h2> <h3> Webmasteryolcu H3 Başlık</h3> <h4> Webmasteryolcu H4 Başlık</h4> <h5> Webmasteryolcu H5 Başlık</h5> <h6> Webmasteryolcu H6 Başlık</h6>

Evet arkadaşlar şimdi uygulama zamanı açıyoruz not defrerimizi ve yukardaki başlık kodlarını kopyala yapıştır yapmadan yazıyoruz ve farklı kaydet diyerek dosya adına basliklar.html adını verip masaüstüne kaydediyoruz hata olmadığı sürece aşağıdaki görüntüyü almalısınız.

Html Başlıklar

Html Başlıklar

Başlıklar Nerede Kullanılır?

Bu tamamen size kalmış arkadaşlar bir ipucu vermek gerekirse yukarda kırmızı ile yer alan Başlıklar Nerede Kullanılır? yazısı aslında bir başlıktır bu şekilde istediğinizi yapabilirsiniz.

Html Kalın (Bold) Yazmak

Html tümüyle eylem bekleyen bir dildir arkadaşlar siz belirtmedikçe brşey yapmaz siz tek tek belirtmek zorundasınız yazınızın bir kısmı yada hepsini kalın (bold) yazmak isterseniz bunun için <b>Yazılar</b> etiketini kullanacağız arkadaşlar

Html İtalik (Yatık) Yazmak

Yazılarınıı yatık (italik) yazmak içinde arkadaşlar ihtiyacımız olan etiket <i>Yazılar</i> olarak kullanabiliriz.

Html Altı Çizili Yazılar Yazmak

Yazılarınızda altı çizili kısım yada tümünü yapmak isterseniz yukardaki kodlara benzer şekilde <u>Yazılar</u> kullanabiliriz.

Html Üzeri Çizili Yazılar

Pek kullanışlı olmasada bilmenizde fayda var bir yazının üzerini çizmek için <s>Yazılar</s> etiketini kullanabiliriz.

Html Satır Atlama

Normal yazı yazarken satır sonuna gelip entere basıp alt satıra insekte htmlde bu faydası olmaz onun için satır atlanacak yere <br> kullanacaz.

Paragraf Oluşturma

Paragraf oluşturmak için <p>Yazılar</p> kodları arasında kalan yazılar paragraf şeklinde görüntülenir </p> etiketi kapandıktan sonra yazılacak yazılar satır başından görüntülenmeye devam eder arkadaşlar.

Biçimlendirmelerin Uygulaması

Yukarda anlatmış olduğum etiketlerin html kodlarda uygulaması sizlerde boş bir not defteri açıp verdiğim kodları aynen farklı örneklerlede deneyerek bolca uygulayın.

<b>Webmasteryolcu Koyu Yazı</b> <br> <u>Webmasteryolcu Altı Çizili</u> <br> <i>Webmasteryolcu Yatık Yazı</i> <br> <s>Webmasteryolcu Üstü Çizili</s> <br> <b><u><i>Webmasteryolcu Koyu Altı Çizili ve Yatık Yazı</i></u></b>

Kodlarımızı yazdıktan sonra farklı kaydet diyerek bicimler.html olarak masaüstüne kaydedin arkadaşlar hata olmadığı sürece aşağıdaki resimdeki görüntüyü alırsınız.

Html Yazı Biçimlendirme

Html Yazı Biçimlendirme

Referanslarımız

  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
  • Weeb Akademi Referanslarımız
Takip et: @weebakademi Facebook Sayfamıza gitmek için TıklayınTwitter Sayfamıza gitmek için Tıklayın

Hakkımızda

Weeb akademi mesleki eğitimler veren amacı meslek edindirmeye dayanan 2005 yılından bu yana bu alanda hizmet veren bir eğitim kurumudur.

Weeb Akademi bir Weeb Group inovatif şirketler grubu kuruluşudur.

Faydalı Linkler

  • M.E.B
  • Microsoft Office
  • Autodesk Türkiye
  • Autodesk 3ds
  • Visual Studio 2012
  • Aspx

Weeb Akademi

Bize Ulaşın

Adres:Genel Müdürlük Doğu Mahallesi Hatboyu Caddesi Altınyunus Sokak No:2 PENDİK/İSTANBUL Email bilgi@weebakademi.com Telefon 0 850 303 88 15

© 2008 - 2016 Weeb Akademi |

Weeb Akademi Adres: Doğu Mahallesi Hatboyu Caddesi Altınyunus Sokak No:2, Pendik, istanbul. Telefon: (0216)3908830

Từ khóa » Html Kalın Yazı Yazma