A-Z HTML|Efy

Efy · 25 May 2018

Elimde Bulunmuş Olan HTML ile alakalı Kitaptan sizlerin de yaralanması ve öğrenmesi için kitaptaki tüm kod ve konuları paylaşacağım.
HTML/CSS/JS değinilmiş aynı zamanda onları da vakit buldukça buraya yazarak sizlere aktaracağım.

Eğitim Bitmeden Lütfen Yorum Atmayın.

1.Giriş Kısmı

HTML Nedir ?

Açılımı Hypter Text Markup Language olan Hiper Metin İşaretleme Dili ve genel standartları W3C "World Wide Web Consortium" (Dünya Çapında Ağ standartlarını belirleyen örgüt") tarafından belirlenen genel ifadeyle günümüzdeki internet dünyasının web sayfalarının anahtarını oluşturmaktadır. Mevcut tüm internet sayfaları HTML temelinin üzerine inşa edildiğini temelini oluşturduğunu söyleyebiliriz.

HTML yazılımcılar tarafından yazılım dili olarak kabul edilmez nedeni ise hesaplama işlemleri yapamaması ile özetleyebiliriz. Bir web sitesine işlevsellik kazandıran ise HTML yardımcı diğer programlama dilleridir. Örnek olarak ise zengin bir görüntü oluşturmak için CSS işlevsellik kazandırmak için JavaScript kullanılır.

İyi Bir Web Sitesi İçin

Artık öyle bir dönemde yaşıyoruz ki saniyeler bile bizim için çok değerli. Toplumumuz artık her şeyini internet aracılığı ile tek bir tıkla yapıyor. Banka işlemlerimiz, fatura ödeme hatta giyim alışverişimizi mağazaya gitmeden seçiyoruz. Artık mahalle bakkalının dahi kendi internet sitesini oluşturuyorken Büyüm Markalar için daha da önemli hale geliyor. O halde iyi bir sitede olması gerekenleri sıralayalım.

1.Görünüm
Büyük Şirketlere baktığımızda (Facebook vb) profesyonel göze hitap eden insanların dikkatini çeken tasarım ve renkleri kullanıyorlar. Bir malın albenimsi olursa daha çok müşteriyi cezbeder günümüzde ortaya çıkan dijital pazarlama sektöründe de firmaların özellikle takip ettiği durumdur.

[COLOR="DarkRed"Bounce Rate[/COLOR][/U][/I][/B][/CENTER]
"Siteden çıkma oranı" (Hemen Çıkma Oranı (Bounce Rate) nedir? Hemen Çıkma Oranı, sitenizi ziyaret eden bir kişinin, açılış sayfası haricinde başka bir sayfayı ziyaret etmeden siteden ayrılma yüzdesini gösteren bir metriktir.) insanların sitenin kalitesi görünümü içeriği gibi karar vermede rol oynamaktadır.

2.İÇERİK

Örnek olarak TurkHackTeam'i örnek verebiliriz kullanıcı trafiğine bakacak olursak günlük ortalama 100k insanın ziyaret ettiği bir sitedir. Top 15 sürekli olarak döngü halinde çeşitli yönden açılan içerikleri görebilirsiniz. Kişileri için görünümden sonra önemli rol oynayan "İçerik" insanların sitede harcayacağı ikinci maddedir. İçerik bir sitenin en önemli dikkat edilmesi gereken maddedir içerik internetin özünü temsil etmektedir. Kullanıcı için direk ulaşılabilen ve gereksiz kelimelerden arınmış aynı zamanda sürekleyici, güncel, istenilen bilgiler ziyaretçileri çekmekte en önemli hususlardandır.

3.İşlevsellik

Şahsen bilgiyi alacağım bir siteye ulaşamayınca hayal kırıklığı uğruyor ve almak istediğim bilgiden de mahrum kalıyorum. Onun için bir sitenin sürekli ulaşılabilir olması gerekiyor.

4.Kullanışlı

Kullanışlı olması internetten pek anlamayan, siteyi yeni keşfetmiş bir kullanıcının hızlı, gereksiz şablonlardan, yazılardan arınmış bir site kullanıcıyı memnun bırakır.

TurkHackTeam'i örnek verebiliriz sade bir teması var mobil ve pc uyumlu ,kurallar gereği imzada görsel olmayışı gereksiz postların silinmesi +1 sağlamış oluyor.

5.SEO
Arama Motoru Optimizasyonunu;
Arama motorlarında arama sonuçunun en üst kısımlarında yer almak siteji olumlu olarak etkileyecektir....

[CENTER][COLOR="Red"]-EK-

https://www.turkhackteam.org/web-programlama/1512997-dev-konu-html-egitim-seti-ceys.html

https://www.turkhackteam.org/web-programlama/1377268-html-gorsel-egitim-seti-turkce.html

https://www.turkhackteam.org/webmaster-rss/1428461-seo-egitim-seti-indir.html

https://www.turkhackteam.org/egitim-ogretim/878581-chip-herkes-icin-seo-egitim-seti.html

https://www.turkhackteam.org/webmaster-rss/828526-seo-kitabi.html

https://www.turkhackteam.org/diger-...388717-html-ogrenmek-isteyenlere-tavsiye.html

https://www.turkhackteam.org/c-j-vb-net-net-dilleri/707943-html-dersleri-detayli.html

https://www.turkhackteam.org/web-pr...l-yapilir-egitim-seti-turkce.html#post8174177

Efy · 25 May 2018

1.GİRİŞ
HTML Dilinin Söz Dizilimi Ve Yapısı (SYTNAX)

HTML dilinde döküman tipinin belirtildiği ilk satırın ardından genel işleyiş <html> ifadesinin yazılması ile devam eder. "< tag >" işaretleri arasına gelen ifadelerin tümüne etiket (tag) adı verilir. Taglar yapısal olarak açılan bir tagin kapanması şeklinde takip edebileceği gibi bazı taglar için bu zorunlu değildir. Taglerin genel işlevi HTML sayfası içerisine metin eklemek belirli bir pozisyona dair uygulamaların yapılanması ve siteye işlevsellik kazandırmak şeklinde özetleyebiliriz.

Örnek;

Kod:

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.  </head>
5.   <body>
6.   <img src="https://www.turkhackteam.org/web-programlama/turkhackteamEFY.jpg ...>
7.   <p>turkhackteamefy</p>
8.   <p>turkhackteamefy</p>
9.   </body>
10. </html>

Numaralandırarak ilerleyeceğiz.

İlk satır <!DOCTYPE html> ifadesi dosya tipinin HTML olduğunu sisteme dekare etmektedir.
Bu satır etiket değildir sayfanın içeriği hakkında bilgi vermektedir.

Devamında gelen <html> açma-kapama etiketi var bu kısım internet sayfası içeriği belirleyecek olan tüm HTML kodlarını sarmalamaktadır. İnternet sayfasında görsel bir etkisi olmamasına rağmen her HTML kodunda site içeriğine dair HTML tag ve metin girişleri <html> açma-kapama etiketlerine arasına yazılmalıdır

<html> ardından gelen <head> <body> açma-kapama etiketleri takip etmektedir.

<head> etiketi Türkçe'ye çevrildiğinde kafa anlamına geliyor. <head> bir insanın kafasına benzetebiliriz, etiketler arasındaki kalan kısımları içerir ve tarayıcıda görüntülenmez.

<body> etiketi gövde anlamına gelir tarayıcıda görüntülenecek olan tüm bilgiler burada yer almaktadır.

Her açılış etiketi kapatılmak zorunda değildir örnek olarak yukarıdaki kodlardan örnek vermek gerekirse;

<img src...> ile başayan tag HTML sayfasına görsel eklememizi sağlar fakat </img> ile kapatılmak zorunda değildir.

Bir diğer konu da aynı etiketin çoklu kullanımına ilişkin düzenlemelerdir. Öyle ki HTML metnin içerisinde bir tane <html> açma/kapama etiketi kullanımı zorunludur. Fakat ikişer defa kullanımı yasaktır. Birden fazla (yukarıdaki örnek) <p> paragraf etiketi çağrılabilir.

Çoklu kullanıma ilişkin diğer konsept de LIFO (Last in First out)

İç içe geçmiş aynı etiket kullanımlarında ilk çağrılan kapama etiketi kod içerisinde en son kullanılan açma etiketini kapatır. Bu yaklaşıma programlamada genel olarak "NESTED" iç içe yuvalanmış kullanım adı verilir.

Örnek;

Kod:

<body>
<div...>
<div...>
...
</div...>
</div...>
</div...>
</body>

Kod:

Çizgilerle gösterilen aralıklarla <div> etiketinin açılış/kapanış[CODE] noktalarını ve etiketlerin kapsama ve etki alanlarını sembolize etmektedir. 
Bu kısımlar arası ilişkiye [B]"ebeveyn-çocuk"(parent-child) ilişkisi denir.[/B] 
Buna  göre ilk ve en geniş kapsayan <div> etiketi ile sarmalanmış kısım  ikinci kısmın ebeveyni 
 üçüncü kısmınsa büyük ebeveyn sayılmaktadır. 
İkinci yada üçüncü alanda  içeriğe dair herhangi bir uygulama yapılması halinde çocuk alanlardaki bütün uygulamalar ebeveyn alanlardaki kısımlardan aktarılacaktır.  
Programlama dillerinde bu özelliğe  kalıtım yada İngilizce karşılığı  "İnheritence" denir.

[/CODE]

<html>
<head>
<title> turkhackteamefy SAYFA BAŞLIĞI BURADA GÖRÜLÜR </title>
<body>

BU KISIMDA İNTERNET TARAYICISINDA GÖRÜLECEKLER

</body>
</head>
</html>

Kural: etiketi kapatırken "/" kullanımı zorunludur yoksa yazdıklarınız tarayıcıda gözükmez.
("</tag>")

Kural: Başta yazdığınızı sonda kapatırken tersten yazma kuralı vardır.

<html>
ile başlıyorsanız sonda <html> ile bitmesi gerekiyor.

 İfadesi tasarımcılar tarafından bırakılan kodun akışındaki mantığı açıklamak yada sonradan kaynak kodunu izleyen kişilerin anlaması için bırakılan yoldur.

Efy · 25 May 2018

1.GİRİŞ
HTML YAZARKEN KULLANILACAK EDİTÖR VE

Kullanacağınız editörlerde oto-telkin ve oto-tamamlama özelliğinin olmasına dikkat ediniz.

1.Windows Not defteri ve Word dosyasını kullanabilirsiniz

2.Visual Studio Code (Tavsiye ediyorum Hem diğer dilleri de yazmak için uygun ortam)
İndirme Link:https://code.visualstudio.com/download

3.NOTAPED(En çok tercih edilen programlardan)
İndirme Linki:https://www.fullprogramlarindir.com/notepad-indir-6-7-5-portable-turkce.html

4.Phase 5
İndirme Linki:HTML-Editor Phase 5 5.6.2.3 - Download - COMPUTER BILD

5.SynWrite
İndirme Linki:SynWrite - Home

6.brackets
İndirme Linki:Brackets - A modern, open source code editor that understands web design.

7:WebStorm
İndirme Linki:
https://www.turkhackteam.org/progra...rm-full-2017-1-3-build-171-4424-63-indir.html

8.coffeecup
İndirme Linki:
https://www.coffeecup.com/free-editor/

Efy · 26 May 2018

Tarayıcılar ve HTML Etiketleri

Önemli konulardan biri olan sıkça konuşulan konulardan biri olan HTML kodlarının tarayıcılarda gözlenmesi durumudur.
Ne kadar da HTML büyük bir kısmı her tarayıcıda kusursuz görünüyor olsada bazı özel durumlarda tarayıcılara özgü yerleşik (sistemde tanımlı) kavramların kullanılması gerekmektedir.
Grafik tarayıcıların HTML kullanılan yerleşik etiketlerin, Google %81 tanıyabilmektedir.
Buna karşın FireFox en popüler sürümü %75 tanımlayabilmektedir.
Bunun için Google oranı daha fazla olduğu için kod yazarken Google'ye esas alırsanız daha iyi olabilir ancak diğer özel tarayıcıları da esas alacaksanız o sistemleri de tanıtmalısınız.

Tarayıcılara Özgü Kullanım Farklılıkları;

Kod:

Tarayıcı Adı:                                                                    Örnek Kod:
[COLOR="White"]Chrome ve Safari:                
   background-image:-webkit-linear-gradient(top right #A60000 #FFFFFF);
[/COLOR]


[COLOR="Red"]
FİREFOX:   background-image:-moz-linear-gradient(top right #A60000 #FFFFFF);
[/COLOR]




İnternet Explore: background-image:-ms-linear-gradient(top right #A60000 #FFFFFF); 




Opera: background-image:-o-linear-gradient(top right #A60000 #FFFFFF);

Diğer İstatistikler İçin;
https://caniuse.com

Efy · 26 May 2018

Nereden Çıktın HTML5 ?

HTML5 terimini duymuşluğunuz olmuştur peki bu nereden çıktı ?

"1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması gerektiğine inanıyordu. Bu yüzden prototip olarak ENQUIRE isimli sistemi önerdi. 1989 yılına gelindiğinde internet tabanlı sistemin ilk temellerini yine aynı isim Tim Berners Lee attı.[1] 1990 yılında HTML işaretleme dilini geliştirmesinden sonra World Wide Web(WWW) sistemini kurmuştur. Bu şekilde CERN'de bilgi paylaşımını kolaylaştırma amacı doğrultusunda ortaya çıkan HTML günümüzde hayatımızın vazgeçilmezi olan webin başlıca temelini oluşturmuştur."

(HTML - Vikipedi)

İlk olarak 1990 temeli atılan HTML bir kaç sürümü çıkmıştır.

HTML4.X ten HTML5 sürümüne geçiş bakımından sınıf atlandı sayılır. HTML5 ile bir çok sorun giderildi ve yeni özellikler geldi.

Örnek vermek gerekirse HTML5 sürümünde multimedya özelliği güçlendirildi. Yeni sürümle görüntü ve ses eklerken JS komutu üzerinden eklemek zorunda değildir. HTML5 sürümü ile WEB,WEB SQL ve uygulama önbellekleri kullanımı yaygınlaştı.

HTML ile HTML5 Arasındaki Fark
HTML gibi daha önceki versiyonlarla kıyaslarsak HTML5de aşağıdaki gibi yenilikler vardır:
HTML5 detaylı işleme modelleri içerir.
HTML5 standart yazım dilini ilerletir, geliştirir ve rasyonalize eder.
HTML5 kompleks web uygulamaları için APIler sunar.
HTML5 çok platformlu mobil uygulamalar için potansiyel adaydır.
HTML5 üçüncü parti yazılımlara ve eklentilere ihtiyaç duymadan multimedya ve grafik görüntüleri oynatabilir.
HTML5 ses ve görüntü dosyaları için daha iyi bir destek sunar.
HTML5te JS Geo******** API ile lokasyon belirlenebilir.
HTML5 detaylı parsing kuralları içerir ve hata yönetim sistemi daha iyidir.
HTML5 HTML ve HTML4 ile uyumludur.
HTML5 XML sintaksı kullanabilir.
HTML5in yeni özellikleri HTML, CSS, DOM ve JavaScript üzerine kuruludur.
HTML5te Flash gibi üçüncü parti yazılımlara ihtiyaç yoktur.
HTML5 cihazdan bağımsızdır.
HTML5 çizim için canvas elemanına sahiptir.
HTML5 yerel offline depolama için daha iyi bir destek sunar.

Yeni elementler
<canvas>
Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
<audio>
Sayfaya ses oynatıcı bir modül ekler.
<video>
Video oynatıcı bir modül ekler.
<progress>
İşlem süreci göstergesi ekler.
<caption>
Başlık olarak düşünülen metinleri düzenler.
<header>
Sitenin başlık ve açıklama içeriğini alır.
<nav>
Menüleri ve bir takım zaruri işlevleri içine alır.
<footer>
Sitelerin en alt kısmını içine alır.
<section>
Sitelerin ana içerik kısmını içine alır.
<aside>
Ana içerikte ayrı yazılan kısımdır.
<article>
Makale, deneme tarzı yazıları kapsar.
<embed>
Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar.)
<details>
Detay bilgisi içerir.
<summary>
Yazının başlığını belirler.
<time>
Tarih ve saat verilerini kapsar.
<mark>
Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
<figcaption>

<figure>
elementinin başlığını belirler.
<figure>
Çeşitli medya içeriği gruplarını belirler.
<hgroup>
Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
<datalist>
Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.

HTML5 ile HTML Arasındaki Fark Nelerdir | TeknolojiX Haber
HTML5 Nedir? Özellikleri | TecnoKolik

Efy · 26 May 2018

WEB Tasarım İçin Sadece HTML Öğrenmek Yeterli Mi ?

İnşaat düşünelim temelin attık ama sağlam bir temelden sonra insanın gözüne çarpan en önemli şey ise göz estetiğidir, o evde oturacak insanların gözüne hitap etmesi gerekir. Bunun içinde tel başına HTML bilmek yeterli olmaz HTML ile eserim temelini atarsınız ama Estetik yapısını CSS (CASCADE STYLE SHEET) ve o binanın alt yapısını yani su ,doğal gaz, elektrik tesisatını ise JAVASCRİPT ile işlevsellik kazandırılır.

Efy · 26 May 2018

HTML Bölüm-2

HTML Kaynak Kodlamasında Sıkllıkla Kullanılan Konseptler

Diğer bölümlerden de bahsettiğimiz üzere HTML belli bir akış içinde yazılır.
<html> açma tagi ile başlayan ve kapanan bunların arasında yer alan <head> <body>açma ve kapama tagleri oalrak özetleyebiliriz.

HTML detaylıca girmeden önce bazı konseptlere göz atalım.

Efy · 26 May 2018

HTML Bölüm 2

Blok Etiketleri

Blok etiketi diye adlandırılan tagler içerik gruplamalarında kullanılır. Blok ismini alması genel olarak web sayfasının enlemesine bütün alanı kaplamasından gelmektedir.
Öyle ki bu etiketlerle sarmalanmış metinlerin sağında ya da solunda başka bir eleman kullanılmaz. Bu tagleri takip eden diğer tagler sayfa içerisinde alt satırlarda yer almakta.

Örnek;
<p> <h1>-<h2>-h3>-<h4>-<h5>-<h6>

Efy · 26 May 2018

HTML Bölüm 2

Satır İçi (IN-LİNE) Etiketleri

Blok etiketlerinden farklı olarak aynı satırda birden fazla türdeşlerin kullanımına izin veren taglerdir. Bu içeriklerle sarmalanmış içerikler satırın genişliği el verdikçe yan yana farklı yada benzer tip tag kullanımına izin verir.

Örnek;

<a> <strong> <b> tagleridir.

Efy · 27 May 2018

HTML Bölüm 2

Etiket Nitelik Parametreleri
(ATTRİBUTES)

HTML taglerinin bazıları sahip oldukları parametreleri üzerinden değer alabilirler. Buna örnek olarak içerik olarak eklenmiş bir görselin görselin büyüklüğünü değer verme.

Kod:

<img src="Turk.png" witdh="104" height="142">
<img src="Turk.png" witdh="208" height="284">

https://resimyukle.xyz/resim/IcRzSx

Etiket nitelik parametreleri genelde nitelik ismi ve değeri eleştirmesi ile uygulanırken (attribute name- attribute value çifti) isim ve değer arasına ("=") işareti kullanılır.

Efy · 27 May 2018

Tek Kullanımlık (SİNGLETİON)
Etiketler

Bu tip tagler , kapanış taginin olmadan kullanılır. <img> tagi </img> tagi ile bitirilmediği HTML sayfasına içerik sağladığını görmekteyiz.
Örnek taglerden;

satır atlama <br> ve komut tagi <command> taglerini örnek verebiliriz.

Efy · 27 May 2018

HTML RENKLENDİRMELER

HTML sayfa tasarımlarında göze hitap etmek adına farklı renklendirmeler yapmak mümkün. Sizlerle üç farklı renklendirme yöntemini ele alacağız.

1. Renk Değeri İsmi İle Çağırma

Kod:

<p style="background-color:gold">
TURKHACKTEAM Kırmızı arka planlı metin alanı
</p>

<p style="background-color:green">
TURKHACKTEAM Pembe arka planlı metin alanı
</p>

<p style="background-color:olive">
TURKHACKTEAM TURUNCU RENKLİ METİN ALANI
</p>

2.Renk Değerini RGB Karşılığını Çağırmak

Renklendirmelerde kullanılan yöntemlerden bir tanesi. Renk değerleri için RGB kullanmaktadır.

Kod:

<p style="background-color:rgb(0,255,0)">
THT  yeşil


<p style="background-color:rgb(128,128,128)">
THT gri


<p style="background-color:rgb(255,0,255">

THT   pembe

3.Renk Değerinin 16'lık Sistem Hex (Hexadecimal) İle Çağırma:

Hexadecimal Türkçe Karşılığı 16'lık sayı sistem kodu ile renk atama.

Hex renklendirme # işareti ile yapılır ve bunu takip eden 6 karakter ile yapılır.

HEX sisteminde R harfi (Red) kırmızıyı G harfi (Green) yeşili ve B harfi de (Blue) mavi renki sembolize eder.

#RRGGBB gibi.

Kod:

<p style="background-color:#ffff00">
Sarı arka planı 
</p>

Efy · 27 May 2018

HTML Renklendirme

RGB Renklendirme;

RGB Değerleri İçin Site;
Renk Kodları - Dr. Abdulilah ECE
RGB renk kodları, renk kodları, rgb, renk, kod, kodlar, kodları renk
RGB KODLAR
https://www.w3schools.com/colors/colors_rgb.asp

İngilizce Renkler;

Site;
https://justenglish.me/2016/04/26/240-color-names-in-english/

Renk+Rgb
https://www.wikizero.com/simple/List_of_colors

Efy · 27 May 2018

Bölüm 3

HTML Etiketleri

Doctype Deklarasyon (DTD) Satırı

"Yazmakta olduğumuz kodların bir HTML sayfasına ilişkin tanıttığımız kısım, ilk satır olan "<!Doctype html>" bildirim yapıldığı satırdır. Bu satırı okuyan tarayıcı kodun devamı niteliğindeki satırları derleyip ziyaretçiye gösterirken bu bildirim satırını dikkate alarak standartları otomatik bicimde ayarlayacaktır. HTML5 natasyonlarını dikkate alan bir tasarımcının <Doctype html> ifadesini kullanması yeterken farklı versiyonlar için başka parametre eklentileri gerekli olabilir.

Efy · 27 May 2018

<HTML> Etiketi

Doküman tipi deklarasyon satırını takiben kullanılan ilk tag <html> etiketi ve sayfanın sonunda kapatılır. Deklarasyona ek olarak (deklarasyon: bildirme, duyurma.) <html> etiketi de tarayıcıya bu dokümanın bir HTML sayfası olduğunu bildirir. Ayrıca <html> etiketi sayfa içeriğine ve stiline ilişkin kullanılan bütün kaynak kodları sarmalar.

Kod:

<!DOCTYPE html><html>

</html>

Efy · 27 May 2018

<HEAD> Etiketi

<head> etiketi internet sayfasının **** bilgilerinin ve dizayna ilişkin verilerin tarayıcıya bildirildiği kısımdır. Tıpkı <html> etiketinim bütün komutları sarması gibi <head> etiketi de bütün taglerin muhafaza eder. Bu etiketlerin bazıları;

başlık (<title>) stil (style) ve me-ta bilgi (<me-ta>) tagleridir.

<head> etiketinin kullanım zorunluluğu kullanılan doküman tipi deklarasyonuna bağlıdır. Örneğin HML5 serisinde <head> kullanımı orunlu değilken HTML4.01 serisinde zorunlu kılar.

Kod:

<!DOCTYPE html>
<html>
<head>
<!-- HTML sayfaları içerisinde TÜRKÇE diline özgü karakteri tanımlamak için takip eden satırları kullanmak zorundayız.
<me-ta charset="UTF-8">
<title> TURKHACKTEAM </title>
</head>

</html>

Önemli NOT!

Turkhackteam me ta kelimesi yasaklı bir kelime olduğu için birleşik yazmaya izin vermiyor siz yazarken birleşik yazım

örnek; me-ta
****

Efy · 27 May 2018

<BODY> Etiketi

<body> etiketi sayfa içerisinde ziyaretçinin göreceği içeriğin bulunduğu kısımdır. Bu kısma metin-görsel-ses-video-liste-tablo içerikleri eklenebilir ve </body> etiketi ile kapatılır.

Kod:

<!DOCTYPE html>
<html>
<body>
<p> TURKHACKTEAMefy SAYFA BİLGİLERİ BURADA GÖZÜKÜR.
</p>
</body>
</html>

Efy · 27 May 2018

HEAD Etiketleri
Bu kısım içerisinde bulacağınız bütün etiketler <head> açma </head> kapama etiketleri arasında yer almalıdır.

Efy · 27 May 2018

<TİTLE> Etiketi

<title> etiketi Web Sayfamızın başlığı hakkında bilgi vermektedir. İnternet sayfasında gözükmeyen bu etiket tarayıcı sekmesinde sayfa başlığını gösterir.

Sayfa başlığı SEO (ARAMA MOTORU OPTİMİZASYONU) için büyük bir önem taşır. Arama motorlarının yapay zeka (robot yani programlar) sayfa başlıklarının site içeriği hakkında bilgi verdiğini değerlendirir ve sayfayı bu kritere göre puanlar.

Efy · 27 May 2018

<BASE> Etiketi

<base> etiketi dışarıdan ilişki kurulacak resim ve benzeri dosyaların konumlarını belirtmede kısa yol maksatlı kullanılır.

Örnek;
https://www.turkachkteam.org/resimler1.jpg adresinde tutulduğunu varsayalım. Aynı siteden eklemek istediğimiz onlarca fotoğraf için her seferinde
https://www.turkachkteam.org/resimler/ kısmını tekrarlamamak için;

Kod:

<head>
<base href="https://www.turkhackteam.org/resimler/" target="_blank">
</head>
<body>
<img src="deneme1.jpg"...>
<img src="deneme2.jpg"...>
<img src="deneme3.jpg"...>
</body>

Bu şekilde tasarımcıya zaman kzandıracaktır. Tek kullanımlık taglerden birisidir. Kapatma tagine ihtiyaç duymaz.

A-Z HTML|Efy

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye

Kadim Üye