Tüm Html Kodları ve Anlamları – Detaylı Anlatım

admin Html Nisan 22, 2019 109

Bu yazımızda Html kodları nelerdir? Html5 ile gelen anlamsal etiketler nelerdir? Bu Html kodları ne işe yarar? sorularının cevaplarını detaylı bir şekilde öğreneceğiz.

Tüm Html kodlarını gruplayarak listeledim. Gruplamış olduğum her tabloda Html kodlarının açıklamalarını anlatmaya çalıştım. Eğer o Html kodları ile ilgili daha detaylı yazmış olduğum bir yazım bulunuyorsa, tablonun altında o yazılara link verdim. Açıklamaların yeterli olmadığını düşündüğünüz yerlerde daha detaylı anlatımlar için link verdiğim yazılarımı okuyabilirsiniz.

Css ile ilgili eksikleriniz olduğunu düşünüyorsanız Tüm Css Kodları ve Anlamları – Detaylı Anlatım yazımı okuyabilirsiniz.

Html Nedir? Ne İşe Yarar? Html Sayfası Oluşturma başlıklı yazımı da okumanızı tavsiye ederim.

TEMEL HTML KODLARI VE ANLAMLARI

<!DOCTYPE>	Dökümanın türünü belirtir. Sayfanın en üstünde yazılır. Tarayıcıların sayfayı doğru görüntülemesini sağlar.
<html>	Tüm Html etiketlerini kapsar.
<head>	Sayfa ile ilgili bazı bilgilerin (meta bilgileri, sayfa başlığı vb..) tanımlandığı etikettir.
<title>	Sayfa başlığının verildiği etikettir.
<body>	Sayfa içeriklerinin yazıldığı etikettir. Tarayıcılar sadece buradaki içeriği bize gösterirler.
<script>	Javascript kodlarının yazıldığı etikettir.
<style>	Css kodlarının yazıldığı etikettir.
<meta>	Meta etiketleri (tagları) ile arama motorlarının web sitemiz ile ilgili bilgi edinmesini sağlayabiliriz. Diğer bir deyişle Html sayfalarımızda tamamlayıcı bilgileri tanımlayabiliriz. Bu tamamlayıcı bilgiler nelerdir? Örneğin sitenin başlığı, site ile ilgili açıklama bilgileri, sitenin sahibi, sitenin yazarı, kullanacağımız karakter kodlama türü gibi bilgileri meta tagları ile tanımlıyoruz.
<link>	Dışarıdan bir dosyayı sayfamıza eklemek (referans vermek) için kullanılır.
<h1> – <h6>	Başlık eklemek için kullanılır. Başlık etiketleri h1’den başlayıp h6’ya kadar devam eder. Aralarında 2 fark vardır: Birincisi, en büyük boyutlu olan h1 dir ve h6 ya doğru yazı boyutu küçülür. Yani en küçük yazı boyutu olan h6 dır. İkinci fark ise bunların Seo açısından önem durumlarıdır. Örneğin bir sayfada kullandığınız başlıklar içerisinde en önemlisi hangisi ise onu h1 etiketi içerisinde yazmalısınız. Arama motorları sitenize baktığında h1 etiketi içerisinde yazdığınız başlığa bakar ve sitenin içeriğinin ne ile alakalı olduğunu anlamaya çalışır. Diğer başlıklarınızı da önem sırasına göre diğer başlık etiketleri ile kullanabilirsiniz.
<p>	Html sayfalarındaki yazılarımızı paragraflara ayırmak için kullanılır. P etiketini kullanırsanız kullanıcı dostu bir tasarım yapmış olursunuz. Böylece tasarımlarınızdaki yazıların okunabilirliği de artar. P etiketi kullanmadan uzun yazılar yazarsanız okuması zor olacağı için sitenizi ziyaret eden kişiler çok kısa sürede sitenizi terk edecektir.
<a>	Link eklemek için kullanılır. Örneğin bir yazıya link verme, bir resme link verme, bir dosyayı link yapma, bir video linki oluşturma, indirme linki oluşturma, sayfalar arası veya sayfa içi bağlantı oluşturma vb.. bir çok durumda a etiketini kullanma ihtiyacı ortaya çıkıyor. En basit haliyle 2 tanımlama yapmamız gerekiyor. Bunlardan birincisi, linkin görünürdeki yazısı yani kullanıcının görmüş olduğu yazı. İkincisi ise bu yazıya tıklandığında yönlendireceğimiz hedef adres. Kullanımı şu şekildedir: <a href=“Hedef URL adresi”>linkin yazısı</a>
<br>	Alt satıra geçmek için kullanılır. Yani br etiketinden sonra gelen kodun bir alt satırdan devam etmesini sağlar.
<hr>	Html sayfalarımızda içerikleri birbirinden ayırmak için yatay çizgi oluşturmamızı sağlar. Html sayfalarınızda dikey çizgi oluşturmak istiyorsanız Html ve Css ile Dikey Çizgi Nasıl Yapılır? yazımı okuyabilirsiniz.
<div>	Html kodlarını kapsayıcı bir etiket içerisine almak için kullanılır. Html div etiketinin özel bir anlamı yoktur. Div etiketini kullandığımızda sayfamızın tarayıcıdaki görüntüsünde herhangi bir değişiklik olmaz. Div etiketini kullanırken asıl amacımız diğer Html kod parçalarını belirli gruplara ayırarak kod düzenini sağlamaktır. Aynı zamanda bu şekilde yapılan bir kodlama, Css kullanımında da bize fayda sağlayacaktır. Çünkü div içerisine aldığımız tüm Html etiketlerine toplu bir şekilde Css kodu uygulayabilir ve yönetimi kolaylaştırabiliriz.
<span>	Html kodlarını kapsayıcı bir etiket içerisine almak için kullanılır. Span etiketi kullandığımızda da tıpkı div etiketi gibi sayfanın tarayıcıdaki görüntüsünde herhangi bir değişiklik olmaz. Span etiketini genelde inline (satır içi) öğelere Css kodu uygulamak için kullanıyoruz.
<!–…–>	Html sayfalarımıza yorum satırı eklemek için kullanılır.

Meta Etiketleri (Tagları) Nedir? Meta Etiketi Kullanımı

Html Başlık Etiketleri

Html Sayfalarına Paragraf Ekleme – p Etiketi

Html Link Verme (Yazıya, Resme, Dosyaya, İndirme Linki)

Html Sayfalarında Satır Atlama ve Alt Satıra Geçme – br Etiketi

Html Sayfalarına Yatay Çizgi Ekleme – hr Etiketi

Html Div Nedir? Span Nedir? Div ve Span Kullanımı

Html Yorum Satırı (Açıklama Notları) Ekleme

BİÇİMLENDİRME İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<abbr>	Yazılan kısaltmaların açılımlarını belirtmek için kullanılır. Örneğin Html kısaltmasının üzerine fare ile gelindiğinde açılımının Hyper Text Markup Language olduğunu gösterebiliriz.
<address>	Html belgelerinde adres ve iletişim bilgilerini yazarken kullanılır. Yazıları italik yapar.
<b>	Yazıları koyulaştırmak (kalınlaştırmak) için kullanılır. <b> ve <strong> etiketleri aynı işlevi gerçekleştiriyor. Aralarındaki fark ise şudur: Daha önemli içerikleri arama motorlarına belirtmek için strong etiketi kullanılır. Yani görünüm olarak bir farkları olmasada anlamsal olarak farklıdırlar.
<bdo>	Yazıyı tersten yazmak için kullanılır.
<blockquote>	Başka kaynaklardan uzun alıntılar yaparken kullanılır. Alıntı yapılan yazıya sağdan ve soldan 40px margin değeri uygulanır. Yani yazı 40px içeri alınır.
<cite>	Alıntı yapıldığını belirtmek için kullanılır. Bu etiket içerisindeki yazılar italik olarak görüntülenir.
<code>	Yazıları bir bilgisayar kodu parçası görünümünde yapmak için kullanılır.
<del>	Yazıların üstünü çizmek için kullanılır.
<dfn>	Tanımları belirtmek için kullanılır.
<em>	Yazıları italik yapmak için kullanılır. <i> ve <em> etiketleri aynı işlevi gerçekleştiriyor. Aralarındaki fark ise şudur: Daha önemli içerikleri arama motorlarına belirtmek için em etiketi kullanılır. Yani görünüm olarak bir farkları olmasada anlamsal olarak farklıdırlar.
<i>	Yazıları italik yapmak için kullanılır.
<ins>	Yazıların altını çizmek için kullanılır.
<kbd>	Yazıları klavye formatında göstermek için kullanılır.
<mark>	Vurgulanmak istenen yazılar için kullanılır. Seçilen yazının arkaplan rengini sarı yapar.
<pre>	Biçimlendirilmiş yazıları olduğu gibi göstermek için kullanılır.
<q>	Başka kaynaklardan kısa alıntılar yaparken kullanılır. Alıntı yapılan yazıyı çift tırnak (” “) arasına alır.
<samp>	Yazıların bilgisayar çıktısı biçiminde olmasını sağlar.
<small>	Yazının boyutunu küçültmek için kullanılır.
<strong>	Yazıları koyulaştırmak (kalınlaştırmak) için kullanılır.
<sub>	Yanındaki yazının biraz altında olmasını istediğimiz durumlarda kullanılır.
<sup>	Yanındaki yazının biraz üstünde olmasını istediğimiz durumlarda kullanılır.
<u>	Yazıların altını çizmek için kullanılır.
<var>	Matematiksel değişkenleri belirtmek için kullanılır.

Html Biçimlendirme Etiketleri

LİSTE OLUŞTURMAK İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<ul>	Sırasız liste oluşturmak için kullanılır. ul etiketinin list-style-type özelliğine şu değerleri vererek işaretçi türünü değiştirebiliriz. disc : Listeleme içi dolu yuvarlak ile yapılır. circle : Listeleme içi boş yuvarlak ile yapılır. square : Listeleme içi dolu kare ile yapılır. none : Listelemede işaretçi bulunmaz.
<ol>	Sıralı liste oluşturmak için kullanılır. ol etiketinin type attribute’una şu değerleri vererek işaretçi türünü değiştirebiliriz. 1 : Listeleme sayılar ile yapılır. A : Listeleme büyük harfler ile yapılır. a : Listeleme küçük harfler ile yapılır. I : Listeleme büyük roma rakamları ile yapılır. i : Listeleme küçük roma rakamları ile yapılır.
<li>	Liste elemanlarını eklemek için kullanılır. Her bir liste elemanı ( <li> ), bulunduğu satırı tamamen (100%) kaplar. Yani li etiketi bir block etikettir.
<dl>	Açıklamalı liste oluşturmak için kullanılır.
<dt>	Açıklamalı liste elemanlarına başlık vermek için kullanılır.
<dd>	Açıklamalı liste elemanlarını oluşturmak için kullanılır.

Html Listeleme Etiketleri – ul Etiketi – ol Etiketi

Html Listeleme Örnekleri – İç İçe Listeler

TABLO OLUŞTURMAK İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<table>	Tablo oluşturmak için kullanılır.
<caption>	Tabloya başlık eklemek için kullanılır.
<th>	Tabloda başlık alanları eklemek için kullanılır.
<tr>	Tabloda yeni bir satır eklemek için kullanılır.
<td>	Tabloda yeni bir hücre eklemek için kullanılır.
<thead>	Tablo kodlarının daha düzenli olması için başlık kodları bu etiket içerisine yazılabilir.
<tbody>	Tablo kodlarının daha düzenli olması için içerik kodları bu etiket içerisine yazılabilir.
<tfoot>	Tablo kodlarının daha düzenli olması için alt bilgi kodları bu etiket içerisine yazılabilir.
<col>	Tablo sütun gruplarına uygulanacak özellikleri belirtmek için kullanılır.
<colgroup>	Tablo sütun grubu oluşturmak için kullanılır.

Html Tablo Oluşturma

Html Tablo Örnekleri

FORM OLUŞTURMAK İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<form>	Form oluşturmak için kullanılır. Değişik amaçlar için form etiketi ile birlikte kullandığımız parametreler vardır. Bunlar: action : Form içerisindeki bilgileri göndermek istediğimiz adresi (Url’i) belirtiriz. method : Get veya Post değeri verebiliriz. enctype : Gönderilen verilerin kodlamasını belirtir. autocomplete : Tarayıcının formu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur. novalidate : Tarayıcının formdaki bilgileri doğrulama zorunluluğunu iptal etmiş oluruz.
<input>	Tek satırlık metin girişini sağlamak için kullanılır. İnput etiketinin type parametresine şu değerleri verebiliriz: text : Tek satırlık bir metin girişi için kullanılır. Varsayılan genişliği 20 karakterdir. email : Geçerli bir email adresinin girilmesini zorunlu kılar. Örneğin email adresini yazarken @ karakteri yoksa hatalı mail adresi olduğu için uyarı verir. password : Bir şifre alanı tanımlar. Girilen değerler yuvarlak siyah daireler şeklinde görünür. button : İnput nesnesini buton görünümünde oluşturur. file : İnput nesnesini bir dosya seçebileceğimiz şekilde oluşturur. checkbox : Kullacıya sunmuş olduğumuz seçeneklerden bir seçeneği seçmesini, birden fazla seçeneği aynı anda seçmesini veya hiçbirini seçmemesini istediğimiz durumlarda kullanırız. radio: Kullanıcıya birden çok seçenek içerisinde sadece birisini seçmesini istediğimiz durumlarda kullanırız. submit : Form içerisindeki bilgileri sunucuya göndermek için kullanılır. Yani type parametresi submit olan input’a tıklandığında içerisinde bulunduğu formdaki girilmiş tüm bilgileri action parametresinde belirtmiş olduğumuz adrese gönderir. reset : Girilen tüm form bilgilerini varsayılan değerlerine döndürür. Yani formu temizler diyebiliriz. color : Renk seçmemiz için bir palet oluşturur. number : Sayısal bir değer girilmesini zorunlu kılar. min ve max parametreleri ile sayısal değeri belirli bir aralıkta sınırlandırabilirsiniz. range: Bu değer input nesnesini media player’larda ses azaltıp çoğaltma aracı gibi yapar. url : Geçerli bir Url formatı girilmesini zorunlu kılar. date : Tarih seçmemiz için bir seçici oluşturur. time : Saat belirlememizi sağlar. month : Yıl ve ay seçmemiz için bir seçici oluşturur. week : Yıl ve hafta seçmemiz için bir seçici oluşturur. search : Arama alanları için kullanılır. Normal bir metin alanı gibi davranır. Tek farkı bir içerik yazdıktan sonra sağ tarafında çarpı işareti oluşuyor. Ona basarak içeriği silebiliyoruz. Birde arama motorları için bu input’un bir arama kutusu olduğunu belirtmiş oluyoruz. hidden : Bu değeri genelde sunucu tarafındaki işlemlerimiz için kullanırız. Input etiketien çok kullanılan Html etiketlerinden biridir. Bu yüzden input etiketini biraz daha detaylı anlatacağım. Şimdi de input etiketi ile kullandığımız diğer attribute’lara bakalım: disabled : İnputu pasif hale getirir. Pasif olan bir input kullanılamaz ve form gönderilirken bunun değeri gönderilmez. placeholder : Bu parametreye verilen değer input içerisinde görünür. Ama input’a odaklanıldığında yani birşey yazarken o değer görünmez. Eğer input içindeki yazıları tekrar silersek yine placeholder değeri görünmeye başlar. multiple : Birden fazla seçim yapılmasını sağlar. min ve max : Type parametresi number, date vb.. olan inputlarda minimum ve maximum değerler vermek için kullanılır. maxlength : İnputa yazılacak max karakter sayısını belirlememizi sağlar. pattern: Bu parametre ile inputlara girilen değerlerin belirli bir koşula göre olmasını sağlayabiliriz. readonly : İnputa bilgi girilemez, sadece okuma yapılabilir. required : Bu parametrenin verildiği inputlar doldurulmak zorundadır. Doldurulmadan form gönderilemez. size : İnputun boyutunu karakter olarak belirlememizi sağlar. step : Örneğin type parametresi number olan bir input olsun. Normalde bu inputta değerler 1’er artar ve azalır. Biz bu inputun step parametresine 15 değerini verdiğimizi düşünelim. Artık 1’er değilde 15’er artıp azalacaktır. value : İnputun başlangıç değerini belirtir. autocomplete : Tarayıcının inputu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur. checked : Type parametresi checkbox ve radio olan inputlarda kullanılır. Bu inputlara checked parametresini verdiğimiz zaman seçili halde görünürler. accept : Belirli dosya türleri ile işlem yapmak için kullanılır. autofocus : Sayfa yüklendiğinde, bu parametrenin verildiği inputa odaklanma olur.
<textarea>	Normal input lardan daha geniş metin alanları oluşturmak için kullanılır. Bu metin alanlarına rows parametresi ile yükseklik, cols parametresi ile genişlik değerleri verebiliriz.
<button>	Tıklanabilir buton oluşturmak için kullanılır. Button etiketinin type parametresine 3 farklı değer verebiliyoruz. Bunlar: button : Standart buton eklemek için kullanılır. submit : Doldurulan form bilgilerinin sunucuya gönderilmesi için gerekli butonu eklerken kullanılır. reset : Doldurulan form bilgilerinin temizlenmesi için gerekli butonu eklerken kullanılır. Yapmış oldukları işlev farklı olsa da üçünün de görünümleri aynıdır.
<select>	Html formlarında açılır bir menü oluşturmak için kullanılır. Select etiketi ile menüyü, option etiketi ile de menünün her bir elemanını ekleriz.
<optgroup>	Açılır menüdeki elemanları gruplamak için kullanılır.
<option>	Açılır menünün her bir elemanını eklemek için kullanılır.
<label>	Form öğeleri için etiket belirtmemizi sağlar.
<fieldset>	Form elemanlarını gruplamak için kullanılır.
<legend>	Fieldset etiketi ile grupladığımız form elemanlarına başlık tanımlamamızı sağlar.
<datalist>	Özel liste seçenekleri sunmak için kullanılır. Datalist etiketi Html5 ile gelen yeni bir etiket olduğu için Safari tarayıcısı tarafından hala tam olarak desteklemiyor.

Tüm Detaylarıyla Html Form Oluşturma

Html Buton Ekleme – Bağlantılı Html Buton Oluşturma

Html Form Örnekleri (İletişim Formu, Kayıt Formu vb..)

RESİM, SES VE VİDEO İLE İLGİLİ KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<img>	Sayfalarımıza resim eklemek için img etiketini kullanıyoruz. Sadece bu etiketi kullanmamız yetmiyor. img etiketi ile aşağıdaki attribute’ları kullanabiliyoruz: src : Bu attribute ile resim nerde bulunuyor ise onun yolunu belirtiyoruz. alt : Eğer resmin yolu yanlış yazılmış veya resim herhangi bir nedenden dolayı görüntülenemezse, resmin yerine alt attribute’una yazmış olduğumuz metin görüntülenecektir. Örneğin resmimiz bir araba resmi ise, alt attribute’una araba ile ilgili birşeyler yazarsak resim görüntülenemediğinde alt attribute’unun değeri sayesinde neyle ilgili bir resim olduğunu anlayabiliriz. width ve height : Bu attribute’lar ile resimlere genişlik ve yükseklik değerleri verebiliriz. title : Bu attribute ile resim hakkında ek bilgiler tanımlayabiliriz. Resmin üzerine fare ile gelindiğinde bu bilgiler bir tooltip ile kullanıcıya gösterilir. Önemli : Resimler yüklenirken biraz zaman aldığı için web sitelerinin açılış hızlarını etkilerler. Bu yüzden sayfalarımızda kullanacağımız resim sayısına dikkat etmeliyiz. Önemli : Yüksek çözünürlükteki resimler sitemizin açılış hızını olumsuz etkileyeceği için olabildiğinde resimleri optimize ederek kullanmaya çalışmalıyız. Tabi burada optimize ederken resmin kalitesini de çok fazla bozmamak gerekiyor.
<map>	Resim haritası oluşturmak için kullanılır.
<area>	Resim haritalarında alan koordinatı belirtirken kullanılır.
<canvas>	Grafik çizmek için kullanılır.
<figcaption>	Figure elemanı için bir başlık tanımlar.
<figure>	Özel bir içerik alanı oluşturmak için kullanılır.
<iframe>	Var olan bir web sayfası içerisinde başka bir web sitesini, web sitesinin bir sayfasını veya youtube videoları gibi içerikleri görüntülememizi sağlar. Örneğin sitemizde video paylaşımı yapmak istiyorsak, genelde videoları youtube gibi paylaşım sitelerine yükleriz. Daha sonra videoların iframe kodunu alıp web sayfamıza yerleştirdiğimizde, o video artık sayfamızda izlenebilir duruma gelir. Böylece video başka bir yerde depolandığından kendi sunucumuzdaki depolama alanından tasarruf sağlamış oluruz. iframe etiketi ile kullanabildiğimiz attribute’lar şunlardır: src : Göstermek istediğimiz web sitesinin veya videonun kaynak adresini belirtiriz. width : Iframe’in genişliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz. height : Iframe’in yüksekliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz. frameborder : Iframe’in kenarlığının kalınlığını belirtmek için kullanırız. iframe’lerin varsayılan olarak bir kenarlığı bulunuyor. Eğer frameborder’a 1 değerini verirsek kenarlık koyarken, 0 değerini verdiğimizde kenarlık olmaz. border : Iframe’in kenar kalınlığını belirtiriz. title : Iframe’in başlığını belirtiriz. name : Iframe’e isim vermek için kullanırız. scrolling : Kaydırma çubuklarının durumunu belirtiriz. Varsayılan değeri auto‘dur. Yani iframe ile çağrılan sayfa, pencere içerisine sığmadığında kenar çubukları oluşur. Eğer no değerini verirsek kenar çubukları hiç bir koşulda oluşmaz. Eğer yes değerini verirsek kenar çubukları her zaman görünür durumda olur. align : Iframe’in konumunu belirtiriz. Şu değerleri verebiliriz: left, right, top, middle, bottom.
<audio>	Ses veya müzik içerikleri eklemek için kullanılır.
<source>	Medya öğeleri için birden fazla medya kaynaklarını tanımlar.
<track>	Medya öğeleri için metinleri tanımlar.
<video>	Video içerikleri eklemek için kullanılır.

Html Resim Ekleme

Html Resme Link Verme

Html iframe Nedir? iframe Kullanımı ve iframe Kodu

Siteye Youtube Video Ekleme (iframe Kodu İle)

Siteye Google Map Ekleme (Harita, Adres, Konum Ekleme)

HTML5 İLE GELEN ANLAMSAL HTML KODLARI VE ANLAMLARI

Bu etiketler anlamsal etiketler olduğu için açıklama kısımlarına birşey yazmadım. Bu anlamsal Html etiketleri ile ilgili Html Div Nedir? Span Nedir? Div ve Span Kullanımı yazımı okuyarak daha iyi anlayabilirsiniz.

<header>
<footer>
<main>
<section>
<article>
<aside>
<nav>
<details>
<summary>

DİĞER HTML KODLARI VE ANLAMLARI

<noscript>	Script çalıştırma özelliği kapalı tarayıcılar için alternatif kod bölümü oluşturur
<embed>	Sayfalarımıza dışardan bir obje gömmemizi sağlar
<object>	Sayfalarımıza nesneleri gömmemizi sağlar
<param>	Bir nesne için parametre tanımlamamızı sağlar
<time>	Bir tarih veya saat tanımlarken kullanılır
<progress>	Bir sürecin ilerleme durumunu belirtmek için kullanılır
<output>	Bir hesaplamanın sonucunu tanımlar
<base>	Tüm linkler için kaynak kök adresi belirtmeyi sağlar

Umarım “Tüm Html Kodları ve Anlamları – Detaylı Anlatım” başlıklı yazım sizin için faydalı olmuştur.

Tüm html kodlarının pdf halini aşağıdaki linkten indirebilirsiniz.

Html kodları pdf indir.

Yeni bir yazımda görüşmek üzere.

Kaynaklar : w3schools

Yazar Hakkında

admin Yazar E-Posta

Yeni bilgiler öğrenmeyi ve öğrendiklerini paylaşmayı seven, web teknolojileri ile yakından ilgilenen, freelance çalışan bir full stack web developer.

109 Yorum

ali Ağustos 5, 2020 Cevapla

Hocam,ellerinize sağlık çok güzel yazı olmuş ancak ben bir wep sitesi açmak istiyorumda nasıl açıcağımı hala anlayamadım,nasıl yapılacağını neler öğrenmem gerekli hocam?

admin Eylül 11, 2020

Teşekkür ederim. Eğer statik bir web sitesi açmak istiyorsanız Html, Css ve JavaScript bilmeniz yeterli. Dinamik bir web sitesi yapmak istiyorsanız bunların yanında bir de programlama dili (Java, C#, Php vb..) bilmeniz gerekiyor. Tabi bunları tam anlamıyla öğrenip uygulamanız yıllarınızı alabilir. Hiç kod yazmadan web sitesi yapmak istiyorsanız WordPress gibi hazır yazılımları kullanabilirsiniz. Biraz zaman ayırarak 1 ayda WordPress’i rahatlıkla öğrenebilirsiniz. İyi çalışmalar.

Ali Eylül 19, 2020 Cevapla

Hocam çok net anlatmışsınız hepsini anladım birde size bir sorum olacak https://www.universitego.com/ bu site gibi bir site yapmak istiyorum hangi programlama dillerini bilmem gerekli şimdiden teşekkür ederim

admin Eylül 22, 2020

Programlama dillerinden ziyade bu tarz bir site yapmak için WordPress’i kullanabilirsiniz. Kendiniz sıfırdan kodlamak istiyorsanız bir önceki yorumda sorunuzun cevabı bulunuyor. İyi çalışmalar.

Aynur Aralık 13, 2020 Cevapla

Bu dosyanında pdf-ni ata bilirmisiniz? Ellerinize sağlık. Teşekkürler.

admin Aralık 13, 2020

Rica ederim. Gönderiyorum. İyi çalışmalar.

esattt Aralık 21, 2020 Cevapla

Öncelikle bu kodları derlediğiniz için çok teşekkür ederim rica etsem bana da pdf olarak gönderir misiniz?

admin Aralık 21, 2020

Rica ederim. İyi çalışmalar.

kara Ocak 2, 2021 Cevapla

Bu dosyanında pdf-ni bana da atabilirmisiniz? Ellerinize sağlık çok güzel olmuş. Teşekkür ederim

admin Ocak 30, 2021

Rica ederim. Pdf olarak gönderdim. İyi çalışmalar.

Mr. X Ocak 4, 2021 Cevapla

Hocam elinize sağık. Rica etsem bu kodları ve css kodları ve anlamlarını da pdf olarak atabilir misiniz.

admin Ocak 30, 2021

Rica ederim. Pdf olarak gönderdim. İyi çalışmalar.

Mrx Ocak 4, 2021 Cevapla

Hocam bu yazıyı ve css kodları ve anlamlarının pdfsini ikisini de atar mısınız .Elinize sağlık
zeynep Mart 2, 2021 Cevapla

Emeğinize sağlık. CSS ve html pdf olarak bana da gönderir misiniz? Teşekkür ederim.

admin Mart 13, 2021

Rica ederim. 2 dosyayı da email adresinize gönderdim. İyi çalışmalar.

kapqa Mart 3, 2021 Cevapla

pdf rica edebilir miyim?

admin Mart 13, 2021

Gönderdim. İyi çalışmalar.
admin Mart 13, 2021

Yorum bıraktığınız email adresine gönderilemiyor. Email adresinizi yanlış yazmış olabilirsiniz.

Ebubekir Mart 6, 2021 Cevapla

w3schools ingilizce olduğu için zorlanıyordum hocam Allah razı olsun pdf atabilir misiniz size zahmet.

admin Mart 13, 2021

Yorumunuz için teşekkür ederim. Sizin için faydalı olmasına sevindim. Pdf olarak gönderdim. İyi çalışmalar.

Eda Özdemir Mart 19, 2021 Cevapla

Elinize sağlık çok güzel derleme olmuş. Pdf halini atabilir misiniz hocam.İyi günler.

admin Mart 31, 2021

Pdf olarak gönderdim. İyi çalışmalar.

Eda Özdemir Mart 19, 2021 Cevapla

Hocam pdf olarak yollayabilir misiniz
Elif Nur Öztürk Mart 26, 2021 Cevapla

Çok yararlı ve anlaşılır olmuş ellerinize sağlık.PDF halinde atabilirseniz sevinirim .

admin Mart 31, 2021

Yorumunuz için teşekkür ederim. Pdf olarak gönderdim. İyi çalışmalar.

sümeyye Nisan 9, 2021 Cevapla

hocam iyi günler HTML5 kodlarını ve anlamlarında yazabilir misiniz
Yusuf ATALAY Nisan 11, 2021 Cevapla

Emeğinize sağlık, çok yararlı olmuş. Rica etsem ben de PDF olarak alabilir miyim?

admin Nisan 20, 2021

Rica ederim. İyi çalışmalar.

irem Nisan 16, 2021 Cevapla

Merhaba pdf olarak atabilirmisiz?

admin Nisan 20, 2021

Pdf olarak gönderdim. İyi çalışmalar.

Mustafa Nisan 20, 2021 Cevapla

Hocam pdf olarak gönderebilir misiniz

admin Nisan 27, 2021

Mail adresinize gönderdim. İyi çalışmalar.

birisi işte Nisan 26, 2021 Cevapla

Üstat bunları pdf halinde atabilirsen sevinirim. Siteniz gerçekten çok yararlı ve kaliteli, hatta site yapmak isteyenlere de harika bir örnek gibi. Ayrıca bilgileri tam gerektiği gibi eksiksiz ve anlaşılır biçimde aktarıyorsunuz. Çok teşekkürler.

admin Nisan 27, 2021

Değerli yorumunuz için ben teşekkür ederim. Mail adresinize gönderdim. İyi çalışmalar.

Erdem Nisan 28, 2021 Cevapla

Pdf halini atabilir misiniz. Teşekkür ederim.

admin Mayıs 5, 2021

Rica ederim. Mail adresinize gönderdim. İyi çalışmalar.

Demir Bayraktar Mayıs 11, 2021 Cevapla

hem css hem de html dökümanını bana da atabilir misiniz

admin Haziran 2, 2021

Biraz geç gönderebildim. İyi çalışmalar.

Anıl Altuncu Mayıs 19, 2021 Cevapla

Hocam selamlar hem HTML hemde CSS dökümanlarını pdf olarak alabilmem mümkün mü? Teşekkürler şimdiden.

admin Haziran 2, 2021

Selamlar, rica ederim. Mail adresinize gönderdim. İyi çalışmalar.

Uğur Haziran 21, 2021 Cevapla

hocam ellerinize sağlık. rica etsem pdf halini gönderebilirmisiniz? şimdiden çok teşekür ederim 🙂
Uğur Haziran 21, 2021 Cevapla

hocam css dökümanlarınıda gönderebilmeniz mümkünmudur ?
Uğur Haziran 21, 2021 Cevapla

hocam elerinize sağlık. rica etsem HTML ve Css dökümanlarını pdf halinde gönderebilmeniz mümkümü ? şimdeden çok teşekür ederim

admin Temmuz 21, 2021

Yorumunuz için ben teşekkür ederim. Html ve Css’i pdf olarak mail adresinize gönderdim. İyi çalışmalar.

Furkan Akman Temmuz 16, 2021 Cevapla

Hocam şunun gibi bir not çıkartmaya çalışmıştım fakat dağınık olmuştu sonradan buldum bunu cidden elinize emeğinize sağlık. mümkünse müsait olduğunuz zaman banada html5 css ve var ise javascript dökümanını iletirmisiniz. Tekrardan emeğinize sağlık

admin Temmuz 21, 2021

Yorumunuz için teşekkürler. Mail adresinize gönderdim hepsini. İyi çalışmalar.

Efebakan Temmuz 17, 2021 Cevapla

Merhaba çok güzel ve açıklayıcı bilgiler olmuş ellerinize emeğinize yüreğinize sağlık birkaç sorum olucakdı yardımcı olabilirmisiniz veya nasıl ulaşabilirim

admin Temmuz 18, 2021

Merhaba, değerli yorumunuz için ben teşekkür ederim. Şu adresten sorularınızı iletebilirsiniz: mehsatek@gmail.com

İyi çalışmalar.

Furkan Temmuz 18, 2021 Cevapla

Acaba mail olarak html ve css dökümanlarını yollarmısınız admin bey?

admin Temmuz 21, 2021

Mail adresinize gönderdim Furkan bey. İyi çalışmalar.

Muhammed Temmuz 23, 2021 Cevapla

Merhabalar html ve css kodlarını pdf dosyası şeklinde mail atabilir misiniz ?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

Gizem Eylül 3, 2021 Cevapla

Hocam elinize sağık. Rica etsem bu kodları ve css kodları ve anlamlarını da pdf olarak atabilir misiniz. İyi çalışmalar 🙂

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

Ali Mert Eylül 4, 2021 Cevapla

Öncelikle elinize sağlık bu ve css kodlarını pdf olarak atmanız mümkün müdür?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

sefa sarıçam Eylül 11, 2021 Cevapla

merhaba kodlar için teşekkürler pdf şeklinde mail adresime alabilirmiyim varsa css kodlarınıda alabilirmiyim

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

akif sayar Eylül 15, 2021 Cevapla

Merhaba gayet başarılı . CSS ve HTML kodlarını PDF olarak mailime atar mısınız ?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

şaban Ekim 14, 2021 Cevapla

hocam teşekkürler emeğinize sağlık. rica etsem pdf olarak olarak atabilirmisiniz

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

Fatih Ekim 17, 2021 Cevapla

Hocam Merhaba, elinizdeki Html css ve başka kod ve anlamları içeren pdfleriniz varsa iletme şansınız var mı?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

Kaya Kasım 4, 2021 Cevapla

Elinize sağlık çok faydalı oldu. Mümkünse pdf i paylaşabilirmisiniz.

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

raisko Kasım 20, 2021 Cevapla

Merhaba, bilgiler için teşekkür ederim. PDF halini atar mısınız?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

raisko Kasım 21, 2021 Cevapla

Merhaba lütfen banada PDF formasını atar mısınız?

admin Kasım 26, 2021

Mail adresinize gönderdim. İyi çalışmalar.

Adem Can Aralık 2, 2021 Cevapla

Merhaba. CSS ve HTML kodlarını PDF olarak mailime atar mısınız ? Çok teşekkür ederim.
Fatma Aralık 12, 2021 Cevapla

Merhaba HTML ve CSS pdf lerin bana da gönderebilir misiniz?
Ayrıca bu faydalı paylaşım için çok teşekkür ediyorum
hasan Aralık 15, 2021 Cevapla

Hocam merhaba emeğinize sağlık.Html ve Css’in pdflerini atabilir misiniz?Teşekkür ederim
Emre Aralık 16, 2021 Cevapla

Emeğinize sağlık. Rica etsem pdf olarak mail adresime gönderebilir misiniz?
Kadir çengel Aralık 29, 2021 Cevapla

Merhabalar bilgileriniz çok faydalı mail olarak atarmisiniz
nihat Ocak 5, 2022 Cevapla

Elinize Sağlık Hocam Rica etsem HTLM ve CSS Kodlarını pdf olarak atabilir misiniz.
Musab Şubat 1, 2022 Cevapla

Hocam ellerinize sağlık anlatımınız çok iyi rica etsem Html,css ve js kodlarını pdf olarak atabilirmisiniz anlatımınızdan faydalanmak isterim iyi günler
Muhammet Emin Şubat 4, 2022 Cevapla

Html kodlarını atabilir misin ?
hasan oral Mart 3, 2022 Cevapla

Emeğinize sağlık. Rica etsem pdf olarak mail adresime gönderebilir misiniz?
Hakan Karadeniz Mart 10, 2022 Cevapla

Ellerinize sağlık çok güzel olmuş. Html ve css kodlarını pdf olarak atabilirmisiniz?
Mazlum TALMAÇ Mart 12, 2022 Cevapla

Hocam emeğinize sağlık HTML ve CSS kodlarınızı mail olarak yollayabilir misiniz rica etsem.
Tunahan Mart 26, 2022 Cevapla

Hocam çok yararlı olmuş HTML ve css kodlarının PDF atarmısnız
Tunahan Mart 26, 2022 Cevapla

Hocam çok yararlı oldu rica etsem HTML ve CSS kodlarını PDF atarmsınız
Eren Nisan 7, 2022 Cevapla

Selamün Aleyküm çok güzel bi çalışma olmuş HTML ve CSS PDF olarak atarmısınız lütfen
Esra K Mayıs 12, 2022 Cevapla

Merhabalar öncelikle bu yararlı bilgiler için teşekkür ederim. Eğer zahmet olmazsa ben de hem html, html5 ve css pdf lerini rica edebilir miyim. Derli toplu olmuş çok işime yarar doğrusu
Yhlas Mayıs 30, 2022 Cevapla

Marheba haçan pdf olarak atabilirmisiniz please
onur Haziran 3, 2022 Cevapla

Hocam emeğinize sağlık HTML ve CSS kodlarınızı mail olarak yollayabilir misiniz, teşekkürler şimdiden…
onur Haziran 3, 2022 Cevapla

Hocam emeğinize sağlık HTML ve CSS kodlarınızı mail olarak yollayabilir misiniz, teşekkürler şimdiden…
fatih Haziran 3, 2022 Cevapla

merhaba,. zahmet olmazsa ben de html5 ve css pdf lerini rica edebilir miyim
burak Haziran 14, 2022 Cevapla

Merhabalar öncelikle bu yararlı bilgiler için teşekkür ederim. Eğer zahmet olmazsa ben de hem html, html5 ve css pdf lerini rica edebilir miyim. Derli toplu olmuş çok işime yarar doğrusu
ali cem yıldız Haziran 23, 2022 Cevapla

Hocam pdf şeklinde alabilirmiyim acaba
mustafa Temmuz 31, 2022 Cevapla

Hocam çok yararlı, rica etsem HTML ve CSS kodlarını PDF atarmsınız?
MUNLU Ağustos 2, 2022 Cevapla

Cidden emeğinize sağlık, oldukça yararlı şekilde hazırlamışsınız. Ben de 😀 rica etsem html – html5, css – css3 kodları nın pdflerini mail atabilir misiniz ? olarak atabilir misiniz.
Bircan Ağustos 5, 2022 Cevapla

Merhabalar, elinize emeğinize sağlık.
HTML ve CSS kodlarını atabilir misiniz?
Özgür Aksu Ağustos 7, 2022 Cevapla

Selamlar,
ilk defa düzgün bir kod listesi bulabildim, çok teşekkür ederim, mümkünse PDF atabilirmisiniz?
Sıla Yakar Ağustos 27, 2022 Cevapla

Emeğinize sağlık, çok teşekkür ederim. Rica etsem pdf olarak bana da atarmısın?
Şimdiden teşekkür ederim.
Ömer Ağustos 28, 2022 Cevapla

Merhaba emeğiniz takdire şayan tebrikler, rica etsem pdf olarak gönderebilir misiniz?
User233 Eylül 8, 2022 Cevapla

Selam hocam size zahmet bana pdf-i atabilir misiniz?
Umut ÇELİK Ekim 2, 2022 Cevapla

Çok yararlı bir çalışma olmuş ellerinize sağlık.
html, html5 ve css pdf lerini rica edebilir miyim.
Muhammet Ekim 29, 2022 Cevapla

Çok yararlı , pdf rica edebilir miyim
Hamza Kasım 4, 2022 Cevapla

Tüm html kodları ve tüm css kodlarını ayrı ayrı pdf’i varsa gönderebilirseniz çok sevinirim. Elinize emeğinize sağlık.
İsmail Kasım 19, 2022 Cevapla

Hocam Css ve Html tüm anlamlarını kodlarını atarmısını ?
Terlan Aralık 15, 2022 Cevapla

Merhaba çok sağolun bunları bir yerde topladınız için.Bunu pdf gibi ata bilirmisiniz rica etsem?
user Ocak 16, 2023 Cevapla

merhaba pdf alabilir miyim
Muhammed babur Ocak 16, 2023 Cevapla

Admin bana mail den PDF olarak atabilir misin
Ramin Ocak 26, 2023 Cevapla

Allah razi olsun pdf olarak Html Css teglerini gondere bilirsinizmi
Selimsy Nisan 27, 2023 Cevapla

html css’leri pdf olarak atabilir misiniz?
Canan Mayıs 17, 2023 Cevapla

Harika bir çalışma olmuş elinize sağlık. Rica etsem pdf leri bana da atabilir misiniz? Çok teşekkür ederim.
admin Haziran 4, 2023 Cevapla

Arkadaşlar merhaba,

Uzun zamandır web siteme zaman ayıramıyordum. Bu yüzden mesajlarınıza cevap veremedim. Hem bu yazı için hem de diğer yazılar için ilgili PDF dosyalarını yazıların sonuna ekledim. İyi çalışmalar.