HTML Etiketleri 2 | - Bilişim Okulu

Trang chủ » Html Metin Düzenlemeyi Sağlayan Etiket » HTML Etiketleri 2 | - Bilişim Okulu

Có thể bạn quan tâm

  • Anasayfa
  • Haberler
  • Programlar
  • Ders Notları
  • Sınavlar
  • Modüller
    • 10.Sınıf
    • Dal Modülleri
  • Soru-Cevap
  • İletişim
  • Ara
  • Kullanıcı
    • Giriş
    • Yeni Üyelik
    • Şifre Hatırlatma
    • İletişim

Buradasınız

Anasayfa >> HTML Etiketleri 2 HTML Etiketleri 2 21 Ekim 2015 recep 0 yorum 0 Web Tasarımı ve Programlama

Metin Ve Görünüm Düzenleme Etiketleri

<HX>(<h1>..<h6>): Bu etiketler, doküman içinde kullanılabilecek başlıklardaki yazıların büyüklüklerini tanımlar. “x” değeri 1’den 6’ya kadar değer alabilir. Sayı arttıkça yazı büyüklüğü azalır. <hx> ile kullanılacak parametrelerden birisi align’dır.

 

Paremetre

Değer

Açıklama   

align

left(sol yaslı) center(ortala) right(sağa yaslı) justify(her iki yana yaslı)

Etiketin kullanıldığı sayfadaki yatay pozisyonunu belirler.

 

 

Diğer Metin Etiketleri

 

Etiket

Tanımlama

<i>

İçerdiği metnin eğik (italik) gösterilmesini sağlar.

<u>

İçerdiği metnin altı çizili (underline) gösterileceğini belirtir.

<s>,<strike>

İçerdiği metnin ortası çizili gösterileceğini belirtir.

<b>

İçerdiği metnin kalın (bold) gösterileceğini belirtir.

<center>

İçerdiği metini ortalar. Yanına yazı yazıldığında yazılar alt satıra geçer.

<br>

Düz metin içeriğinde bir satır alta geçilmesini sağlar.

<big>

İçerdiği metnin yazı tipini değiştirmeden biraz daha büyük gösterilmesini sağlar. Bir kereden fazla kullanıldığında ilgili metnin daha da büyümesini sağlar.

<small>

İçerdiği metnin ufak boyutlu gösterileceğini belirtir. İçiçe bir kereden fazla kullanıldığında metnin daha da küçülmesini sağlar.

<strong>

İçerdiği metnin kalın (bold) gösterilerek vurgulanmasını sağlar.

<em>

İçerdiği metnin yatık (italik) gösterilerek öneminin vurgulanmasını sağlar.

<tt>

İçerdiği metnin sabit genişliğe sahip yazı tipi (font) ile gösterilmesini sağlar.

<sub>

Subscript(alt simge)

<sup>

Superscript(üst simge)

<hr>

Sayfanın eklendiği yerinde yatay çizgi oluşturulmasını sağlar.

<blockquote>

İçerdiği metnin geniş bir alıntı içeriği olduğunu belirtir. BLOCKQUOTE etiketinin içeriği blok olarak gösterilir.

<marquee>

Kayan yazı

 

Örnek

<html> <head> <title> Başlık Komutları </title> </head> <body > <center><i>bilimokulu.net </i></center> <center><i><big>bilimokulu.net</big> </i></center> <hr> <u>11 bilişim Sınıfları : </u> <b>11 Bilişim B </b> ,<i><s>11 Bilişim A</s></i> ,<b><s> 11 and Bilişim </s></b> <br> <br> <marquee> <center> <small>Oturma planları </small></center> </marquee> <br> <tt>Web tasarım dersinde <strong> sayfa tasarımı</strong> ile ilgili dersler görülecektir. </tt> <br> Grafik ve Animasyon dersinde <em>web sayfaları için görsel öğeler</em> hazırlanacaktır. <hr> <br> <br> Su = H<sub>2</sub>O <br> Karbondioksit = CO<sub>2</sub> <br> X<sup>3</sup> = 27 <br> x<sup>3</sup> + 2x + 5 = 34 <br> <sup>a</sup>X<sub>5</sub><sup>2</sup> </body> </html>

 

 

<P> : Aradaki metne paragraf özelliği kazandırır. Sonlandırıldığında, takip eden metin bir satır boşluk bırakılarak ve satır başına yazılır.

<HTML> <HEAD> <TITLE> Paragraf </TITLE> </HEAD> <BODY> <p align="center"> Bilgisayara fazlaca merakı olan bir çok kişinin isteği, bilgisayar yardımı ile dış çevre birimlerini kontrol etmektir. </p> <p align="justify"> Windows 2000 ( NT teknolojisi ) üzerinde port uygulamaları geliştirmek diğer işletim sistemlerine göre daha zor bir iştir. Zira <b>NT teknolojisi</b> üzerine kurulu sistemler donanım aygıtlarına direk erişiminizi kısıtlamaktadırlar.</p> </BODY> </HTML>

 

 

<FONT> : Font etiketi sahip olduğu parametreler sayesinde metinlerin renk, yazı tipi, boyut gibi özelliklerini değiştirmenize olanak sağlar. Parametreleri ile beraber kullanım şekli aşağıdaki gibidir.

<FONT SIZE="x" FACE="[isim]" COLOR="#XXXXXX">

 

  • Face : Etiket içine alınan yazının tipini belirtmek için kullanılır.

Yazı Tipleri

Times New Roman

arial

verdana
tahoma

Comic sans ms

georgia

  

  • Size: Yazının büyüklüğü (1-7 arası)  Metnin büyüklüğünü ayarlar, bu değişkene -1, +2 gibi değerler verilerek metnin büyüklüğünün bir eksiltilmesini veya iki artırılmasını sağlayabilir,(CSS geçildiğinde daha büyük yazı boyutunu kullanabiliriz.)

 

  • Color: Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri) HTML'de renkler hexdecimal sayı sisteminde ifade edilir. Bir renk 16'lık sayı düzeninde 6 rakamdan oluşur. Bu düzende 9'dan sonraki sayı1arı göstermek için A’dan F’ye kadar olan harfler kullanılır.

    Örneğin #FFFFFF beyaz, #000000 siyah, #C0C0C0 gri , #FFFF00 sarı, #FF0000 kırmızı renklerini verir.

    Renkler için inceleyiniz

 

Örnek

<html> <head> <title>font komutu</title> </head> <body> <font face="tahoma">Bilişim</font><br> <font size="5">Teknolojileri</font><br> <font color="#ff0000">Bilişim</font><br> <font face="comic sans ms" size="7" color="green">Teknolojileri</font><br> </body> </html>

 

Örnek

<html> <head> <title>font komutu</title> </head> <body> <font face="algerian" size="5"> 11 bilişim</font> <br> <font > Ekrem</font> <br> <font size="+2" >Ekrem</font> </body> </html>

 

 

Uygulama;  Yanda verilen resimdeki gibi sırası  ile verilen yazı tiplerinde ( tahoma, verdana, arial, comic sans ms) , 5 boyutunda ve renkler gördünüz gibi tasarlayınız (renkler: green,red,yellow,blue)

Uygulama;   Aşağıda verilen maddelere uyan örneği yapınız.

 

  • Sayfa arkaplan rengi ="#ffcc00
  • Başlık ; renk #ffffff, yazı tipi verdana, boyut 4 ve altı çizili olacak.
  • Günler listeli şekilde olacak.
  • Hafta içleri rengi #0000ff
  • Hafta sonları #ff0000

Uygulama

 

Açıklama;

  • Mavi kısımlar kalın ve font büyüklüğü 1 büyük olacak
  • Kodlarda   kalın ve font büyüklüğü 2 büyük olacak
  • programlama dillerini - özel renklendirebilmesi- kalın ve italik olacak.
  •  Syntaxlar   kalın olacak.
  •  – (Regular Expression) Kalın ve altı çizili olacak.
  • düzenli ifadeleri – kalın ve kırmızı olacak.

 

 

metin etiketleri Paylaş !

Yorum ekle

Adınız * E-posta * Konu Comment *

Metin biçimleri hakkında daha fazla bilgi

Plain text

  • İzin verilen HTML etiketleri: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <img> <p>
  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • Satır ve paragraflar otomatik olarak bölünür.
Yeni yorum gönderildiğinde beni haberdar et Tüm Yorumlar Benim yorumum cevaplanırsa

Konuyla İlgili Yazılar

HTML Etiketleri 4

04 Kasım 2015 0 yorum

Tablolar Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak amaçlarıyla kullanabileceğimiz... devamı...

CSS Giriş

13 Ocak 2016 0 yorum

HTML Etiketleri 4

04 Kasım 2015 0 yorum

HTML Giriş

18 Ekim 2015 0 yorum

HTML Etiketleri 1

18 Ekim 2015 0 yorum

  • Follow @bilisimokulunet

Son Bağlantılar

Lojik Kapılar ile Devre Örnekleri

17 Mayıs 2016

Temel Elektronik ve Ölçme Ders Notları

17 Mayıs 2016

GİU 2.Dönem Konu ve Uygulamaları

29 Mart 2016

Teknik Resim Görünüş Çıkarma

30 Aralık 2015

DERSLER

Açık Kaynak İşletim Sistemi Adobe Fireworks CS6 Arduino Bilgi Bilgi ve İletişim Teknolojileri Bilişim Teknik Resmi Bilişim Teknolojilerinin Temelleri C Sharp Örnekler CSS Drupal Excel Grafik ve Animasyon Java Nesne Tabanlı Programlama OpenCart Paket Programlar Power Point Programlama Temelleri SEO Temel Elektronik ve Ölçme Veritabanı Web Tasarımı ve Programlama Word

Popüler Görsel Dersler

Telegram Programı kurulumu ve kullanımı

Telegram Programı kurulumu ve kullanımı

10 Ocak 2021

Bilgisayara Zoom Programının Kurulumu

Bilgisayara Zoom Programının Kurulumu

12 Nisan 2020

Bilgisayara zoom programı nasıl kurabilirim. https://zoom.us/download#client_4meeting AnyDesk Nedir? Nasıl kullanılır?

AnyDesk Nedir? Nasıl kullanılır?

13 Ocak 2020

Any desk uzak bilgisayarlara bağlantı sağlamak için geliştirilmiş bir programdır. KY002 Titreşim Modülü

KY 002 Titreşim Eğim Sensor Modulü

29 Aralık 2019

KY-002 Titreşim Anahtarı Modülü, iletken bir titreşim yayı ve 10k'luk bir dirençten oluşur,

Bilgisayar Toplama

  1. Anakartın montajı
  2. İşlemcinin montajı
  3. İşlemci soğutucusu montajı
  4. Bellek(RAM) montajı
  5. Güç Kaynağı montajı
  6. Kasa Ön Panel montajı
  7. Sürücü Kabloları montajı
  8. CD-DVD Sürücü montajı
  9. Ekran Kartı montajı

Popüler Yazılı Dersler

Font Awesome

30 Ocak 2014

Bilişim Teknolojilerinin temelleri

İşletim Sistemi Kurulumu

02 Mart 2016

For Döngüsü

C Sharp C# For Döngüsü Örnekleri 1

20 Kasım 2017

c sharp asal sayı bulma

C Sharp C# Asal Sayı Bulma Örnekleri

20 Kasım 2017

© Copyright 2015, Tüm içerikleri kaynak göstererek özgürce kullanabilirsiniz.
    • Anasayfa
    • Haberler
    • Programlar
    • Ders Notları
    • Sınavlar
    • Modüller
      • 10.Sınıf
      • Dal Modülleri
    • Soru-Cevap
    • İletişim

Từ khóa » Html Metin Düzenlemeyi Sağlayan Etiket