Turkhackteam.net/org - Turkish Hacking & Security Platform  
Geri git   Turkhackteam.net/org - Turkish Hacking & Security Platform >
Programlama
> Web Programlama

Web Programlama Asp, Php, Html, Asp.Net, Aspx, Perl Vb Web Programlama Bölümü


HTML Etiketleri | akovskiniz | Ar-Ge

Web Programlama

Yeni Konu aç Cevapla
 
Seçenekler
Alt 11-07-2018 22:00   #1
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Kocaeli
Yaş
18
Mesajlar
Konular


  
HTML Etiketleri | akovskiniz | Ar-Ge






Merhaba arkadaşlar, bu konumda HTML sayfalarında kullanılan etiketleri inceleyeceğiz

Başlıklar — Paragraflar -Bağlantılar — Görseller

Başlık etiketleri: <h1>, <h2>, <h3>, <h4>, <h5> ve <h6>’dır. <h1> en büyük başlık, <h6> ise en küçük başlıktır.

Kod:
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>


Paragraf Etiketleri: Paragraf oluşturmak için <p> etiketi kullanılır. Bir etiketi kapatmak için / karakteri kullanılır. Örnek metin için kullanılan lipsum sitesini ziyaret edebilirsiniz.

Kod:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis semper est et ligula tincidunt, eget pellentesque justo dapibus. Quisque convallis gravida commodo.
In hac habitasse platea dictumst.
Cras tincidunt urna eu pretium sollicitudin. Praesent ac urna pulvinar, viverra massa lacinia, dapibus metus.
Nulla vel porttitor neque. Sed vel interdum tellus, placerat consequat justo.
Etiam lacinia sem quam, id auctor leo rhoncus vitae. Nam at est sapien.</p>


Bağlantı Etiketleri: HTML’ de linkler <a> etiketi içinde yazılır. Buradaki a harfi İngilizce’deki attribute kelimesinin kısaltmasıdır.

Kod:
<a href="http://www.turkhackteam.org/">Web sitesine git.</a>


Görsel Etiketleri: Web sayfalarına görsel eklemek için <img> etiketini kullanırız.

Kod:
<img src="gülücük.gif" alt="gülücük" height="40" width="40" />


Burada, alt ifadesi resim yüklenmediğinde görülecek ifadedir. Height ve Width resimin boyutlarını ifade eder.

İçerik Biçimlendirme

strong: Bu etiket yazıları kalınlaştırmak için kullanılır. Alternatifi bold etikedir.

Kod:
<p>Bu metin normal yazıldı.</p>
<p><strong>Bu metin strong etiketi ile kalın yazıldı.</strong></p>
<b>Bu metin b etiketi kullanılarak yazıldı.</b>


em ve i etiketleri: Yazıları yatık yazmak için kullanılır.

Kod:
<p>Bu metin normal yazıldı.</p>
<p><em>Bu metin yatık yazıldı.</em></p>
<p><i>Bu metin'de yatık yazıldı.</i></p>


sub ve sup etiketleri: İngilizce subscript ve superscript kelimelerinin kısatlmaları olan sub ve sup dilimizde altyazı ve üstyazı gibi bir anlama gelmektedir.

Kod:
<p>Bu metin normal yazıldı</p>
<p>Bu metnin <sub>bu kısmı</sub> altta yazıldı</p>
<p>Bu metnin <sup>bu kısmı</sup> üstte yazıldı</p>


s ve u etiketleri: s etiketi İngilizce’de strike kelimesinin kısaltmasıdır. Yazıların üzerini çizmeye yarar. <strike> şeklinde de yazılır; fakat HTML5 bu yazım formatını desteklemez. Bunun yerine <del> etiketini kullanmalısınız. u etiketi İngilizce’de underline kelimesinin kısaltmasıdır. Yazıların altını çizmeye yarar.

Kod:
<p><s>Bu metin üzeri çizili yazıldı.</s></p>
<p><del>Bu metin de üzeri çizili yazıldı.</del></p>
<p><strike>Bu metin de üzeri çizili yazıldı. Fakat kodu yanlış.</strike></p>
<p><u>Bu metin altı çizili yazıldı.</u></p>


small ve big etiketleri: Yazıları büyük ve küçük yazmaya yarar.

Kod:
<p>normal metin</p>
<p><small>küçük metin</small></p>
<p><big>büyük metin</big></p>


center etiketi: Center bir ifadeyi ortalamak için kullanılır.

Kod:
<p>Selam</p>
<p><center>naber?</center></p>


tt etiketi: İngilizcesi teletype kelimesinin kısaltması olan tt etiketi daktilo tipinde yazmayı sağlar.

Kod:
<p>Normal yazıldı.</p>
<p><tt>Daktilo tipinde yazıldı.</tt></p>


cite ve abbr etiketleri: Cite alıntı anlamına gelir. abbr ise kısaltmalar için kullanılır.

Kod:
<p><cite>"Alıntı yapıldı."</cite></p>
<p><abbr title="Türkiye Cumhuriyeti">T.C</abbr> laik bir devlettir.</p>


br ve hr etiketleri: br satır atlamak için kullanılır. hr etiketiketi yatay çizgi oluşturmak için kullanılır.

Kod:
<p>Mustafa Kemal<br />ATATÜRK</p>
<hr>
<p>Mustafa Kemal ATATÜRK</p>


liste etiketleri: <ol> sıralı liste oluşturmak için <ul> ise sırasız liste oluşturmak için kullanılır.

Kod:
<ul>
    <li>HTML</li>
    <li>SQL</li>
</ul>
<ol>
    <li>JS</li>
    <li>CSS</li>
</ol>



tanımlama listeleri oluşturma: <dl>,<dt>,<dd> etiketleri kullanılır. Örnek kullanımı aşağıdaki gibidir:

Kod:
<dl>
    <dt>Yazılım Dilleri</dt>
    <dd>Python</dd>
    <dd>JAVA</dd>
    <dd>Go</dd>
    <br />
    <dt>Veritabanı Dilleri</dt>
    <dd>SQL</dd>
    <dd>T-SQL</dd>
    <dd>PLSQL</dd>
</dl>


    


___________________________________________


Konu akovskiniz tarafından (11-07-2018 22:04 Saat 22:04 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Alt 11-07-2018 22:02   #2
  • Tamamen Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
08/2017
Nereden
Russia
Yaş
18
Mesajlar
Konular


  


Ellerine Sağlık Hocam
    
 Offline  
 
Alıntı ile Cevapla
Alt 11-07-2018 22:31   #3
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Kocaeli
Yaş
18
Mesajlar
Konular


  


Alıntı:
jGozluk´isimli üyeden Alıntı Mesajı göster
Ellerine Sağlık Hocam
Var ol gözlük
    


___________________________________________

 Offline  
 
Alıntı ile Cevapla
Alt 11-07-2018 22:36   #4
  • Yüzbaşı
  • Üye Bilgileri
Üyelik tarihi
08/2017
Nereden
'KALU BELA'
Mesajlar
Konular


  


Eline sağlık yararlı konu
    


___________________________________________

'' Güçlü Olduğunu Mu
Düşünüyorsun..?
Sabah Namazı Vaktinde ,
Battaniyeni Kaldırmayı Dene..! ''


'' Hedefi Olmayan Gemiye Hiçbir
Rüzgar Yardım Etmez . ''



C# : %60
Python : %45

 Offline  
 
Alıntı ile Cevapla
Alt 11-07-2018 22:37   #5
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
02/2016
Nereden
Madagaskar;)
Mesajlar
Konular


  


Bro eline sağlık.
    


___________________________________________

Zulmü alkışlayamam, zalimi asla sevemem;
Gelenin keyfi için geçmişe kalkıp sövemem.
Biri ecdadıma saldırdımı, hatta boğarım! ...
-Boğamazsın ki!
-Hiç olmazsa yanımdan kovarım.
Üçbuçuk soysuzun ardından zağarlık yapamam;


 Offline  
 
Alıntı ile Cevapla
Alt 11-07-2018 22:38   #6
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
07/2016
Nereden
cPanel
Mesajlar
Konular


  


Elinize sağlık
    


___________________________________________

lul
 Offline  
 
Alıntı ile Cevapla
Alt 12-07-2018 05:53   #7
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Kocaeli
Yaş
18
Mesajlar
Konular


  


Alıntı:
EfsaneHacker21´isimli üyeden Alıntı Mesajı göster
Eline sağlık yararlı konu
Alıntı:
DarkHawk06´isimli üyeden Alıntı Mesajı göster
Bro eline sağlık.
Alıntı:
YouDownEmre´isimli üyeden Alıntı Mesajı göster
Elinize sağlık
Var olun
    


___________________________________________

 Offline  
 
Alıntı ile Cevapla
Alt 12-07-2018 08:50   #8
  • Asteğmen
  • Üye Bilgileri
Üyelik tarihi
12/2007
Nereden
d'N
Mesajlar
Konular
1


  


Alıntı:
akovskiniz´isimli üyeden Alıntı Mesajı göster
Burada, alt ifadesi resim yüklenmediğinde görülecek ifadedir.
Eksik, Alt "Alternative" den gelir. Eskiden Browserlar "title" özelliği yerine de kullanırdı. Anlaşılacağı, resim üzerine gelindiğinde alt="Buraya" yazılan yazı tooltip olarak beliriyordu. Bundan ziyade asıl olan ve önemli görevi ise Google siteni indexlediğinde; Atıyorum siten bir elmalı turta tarifi sitesi, hotlink vs den hit belkentin var. Kullanıcı Google'da "Brokoli'li turta" yazdığında senin sitende eğer alt="Brokoli'li turta" şeklinde alt eklenmiş bir resim varsa, aramalarda çıkma oranın artar.

Ekleme: Paylaştığın bu bilgi eksik ve gereksiz. Çünkü bu bilgilerin içerdiği sonuçların Yaklaşık 1.200.000.000 tanesini google sana sunabilir. Kısaca bilgi kirliliği.
    

Konu ceyar tarafından (12-07-2018 08:52 Saat 08:52 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Cevapla

Bookmarks

Seçenekler


Bilgilendirme Turkhackteam.net/org
Sitemizde yer alan konular üyelerimiz tarafından paylaşılmaktadır.
Bu konular yasalara uygunluk ve telif hakkı konusunda yönetimimiz tarafından kontrol edilse de, gözden kaçabilen içerikler yer alabilmektedir.
Bu tür konuları turkhackteamiletisim [at] gmail.com mail adresimize bildirebilirsiniz, konular hakkında en kısa sürede gerekli işlemler yapılacaktır.
Please Report Abuse, DMCA, Harassment, Scamming, Warez, Crack, Divx, Mp3 or any Illegal Activity to turkhackteamiletisim [at] gmail.com

Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz.
Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.



         

Powered by vBulletin® Copyright ©2000 - 2018

TSK Mehmetçik Vakfı

Türk Polis Teşkilatını Güçlendirme Vakfı



Google+

wau

Search Engine Friendly URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.