Html 5 'de Link Nedir Ve Nasıl Oluşturulur ?

1136

Komple Uygulamalı Web Geliştirme Eğitimi

Html Linkler

Html 5 'de link nedir ve nasıl oluşturulur ?

Web sitemizi ziyaret eden bir kullanıyı web sayfalarımız arasında linkler aracılığıyla gezindiririz. Ayrıca linkler ile bir başka web sayfasına yönlendirmekten öte bir kaynağa yönlendirmek istediğimizde de linkleri kullanırız. Bu kaynak harici bir internet sayfası olabileceği gibi resim, video ya da her hangi bir fiziksel dosyada olabilir.

Eğer link ile bağladığımız kaynak tarayıcının görüntüleyemeyeceği bir nesne ise bu durumda kaynak kullanıcının bilgisayarına indirilir. Örneğin bir video dosyası ya da bir word dosyası gibi.

Link oluşturmak için <a> etiketi kullanılır.

<a href="url">link yazısı</a>

İnternet adresine yönlendirmek için ;

<a href="http://www.sadikturan.com">Yönlendirilecek internet adresi</a>

İnternet sayfası ile aynı klasör içindeki başka bir html sayfasına yönlendirmek için ;

<a href="products.html">Ürünler</a>

Link Target Özelliği ;

<a href="http://www.sadikturan.com/" target="_blank">sadikturan.com</a>

** Bu durumda sayfa başka bir segmede açılır. Target kullanılmazsa sayfa aynı pencere içinde açılır.

Resminizi bir link haline de çevirebilirsiniz.

<a href="sadikturan.com"> <img src="resim.jpg" alt="alternatif yazı"> </a> Kurs Sayfasına Git

Web Geliştirme

1. Bir Web Geliştiricinin Yol Haritası
2. Kursa Nasıl Çalışmalıyım
3. Temel Kavramlar
4. Frontend, Backend ve Full-Stack Web Geliştirici
5. Geliştirme Araçları

Html

1. İlk Html Sayfamız
2. Html Yapısı
3. Html Yapısına Uygun Web Sayfası
4. Uygulama Çalışması 1
5. Html Başlık Etiketleri
6. Html Paragraf Etiketi
7. Html Biçimlendirme Etiketleri
8. Uygulama Çalışması-2
9. Html Sırasız Listeler
10. Html Sıralı Listeler
11. Uygulama Çalışması-3
12. Html Resim Ekleme
13. Html Form Etiketleri
14. Uygulama Çalışması-4
15. Html Tablolar
16. Html Linkler
17. Html Div ve Span Etiketi
18. Html Semantik Etiketler
19. Html iFrame

Css

1. Css Nedir?
2. Css Söz Dizimi
3. Css Yazım Türleri
4. IDs & Classes
5. Css Selectors
6. Css Div
7. Css Renkler
8. Css Floating
9. Css Display
10. Css Positioning
11. Css Box Model
12. Css Margin
13. Css Padding
14. Css Borders
15. Css Box Sizing
16. Css Font Kullanımı
17. Css Icon Kullanımı
18. Css Text Biçimlendirme
19. Css Text Hizalama
20. Css Link Biçimlendirmesi
21. Css Liste Biçimlendirmesi

Bootstrap

1. Bootstrap Nedir?
2. Bootstrap Kurulumu
3. Bootstrap Grids
4. Bootstrap Typography
5. Bootstrap Text Align & Display
6. Bootstrap Floats & Positions
7. Bootstrap Colors
8. Bootstrap Tablolar
9. Bootstrap Resimler
10. Boostrap Jumbotron
11. Bootstrap Alerts
12. Bootstrap Buttons
13. Bootstrap Button Groups
14. Bootstrap Badges
15. Boostrap Progress Bars
16. Boostrap Pagination
17. Bootstrap List Group
18. Bootstrap Card
19. Bootstrap Dropdowns
20. Bootstrap Collapse
21. Bootstrap Navs
22. Bootstrap Navbar
23. Bootstrap Forms

Javascript

.Net Core

Paylaş