İşaretlemeniz Gereken Temel HTML SSS

HTML uzun süredir buralardaydı, bu yüzden temellerini öğrenmenin vakti geldi. Bu nedir, nasıl çalışır ve HTML'de bazı ortak unsurların nasıl yazılacağı.

Başlamadan önce, ücretsiz çevrimiçi HTML editörleri için kılavuzumuzu okuyun. 5 Kodunuzu Test Etmek İçin En İyi Ücretsiz Online HTML Editörleri 5 Kodunuzu Test Etmek İçin En İyi Ücretsiz Online HTML Editörleri Sadece küçük bir HTML kod parçacığı ile uğraşmak istediğiniz zamanlar için beğeninize çimdik edebilirsiniz, bir çevrimiçi HTML editörü size daha iyi hizmet verecek. ve kaliteli HTML örnekleri için en iyi web siteleri 8 Kalite İçin En İyi Web Siteleri HTML Kodlama Örnekleri 8 Kaliteli HTML için en iyi Web Siteleri HTML Kodlama Örnekleri İyi tasarlanmış ve kullanışlı HTML kodlama örnekleri ve öğreticileri sunan harika web siteleri vardır. İşte sekiz favorimiz. .

HTML Nedir?

HTML, web sayfaları oluşturmak için kullanılan dildir. HTML kısaltması Köprü Metni Biçimlendirme Dili ve web tarayıcınız için bir dizi talimat basittir. Bu talimatları kullanarak, tarayıcınız bir web sayfasının nasıl görünmesi gerektiğini gösterir..

Bunun bir anlama geldiğini anlamak önemlidir. işaretleme dil değil programlama dil. Programlama dilleri, matematik denklemleri, verileri değiştirme veya video oyunu karakterlerini taşıma gibi sorunları çözmenize olanak sağlar.

HTML’de herhangi bir mantık yazamıyorsunuz. Sadece düzen ile ilgili.

HTML Nasıl Görünüyor??

HTML olarak bilinen birkaç unsurdan oluşur. “etiketler”. Etiketler, web sayfanızın belirli bir bölümünü şekillendirmek için talimatlardır. İnşaata geri dönersek, HTML planlardır ve etiketler pencere veya kapılar gibi belirli özelliklerdir..

İşte HTML'de çok basit bir web sayfasının görünüşü:

  MUO Web Sitesi    

HTML'deki etiketler önceden tanımlanmıştır ve görüntüler, diğer web sayfalarına bağlantılar, düğmeler ve daha fazlası gibi ortak özellikleri belirtir..

Etiketlerin büyük çoğunluğu açık ve kapalı. Bu sadece metin, resimler veya içindeki diğer etiketlerle bazı özellikleri tanımlar ve ardından tanımı sonlandırır. Evleri tekrar düşünmek, etiketi açmak demek demek “pencereyi buradan başlat”, ve etiketi kapatmak demek “işte pencerenin bittiği yer”.

HTML etiketleri aslında web sitenizde görünmez. Tarayıcınız talimatı izliyor, ancak hiçbir zaman ziyaretçilere göstermiyor. Ancak, sır değil. Web sayfalarınızı yayınladığınızda herkes HTML’nize bakabilir.

Çok sayıda farklı HTML etiketi varken, bir web sitesini kodlamadan önce hepsini öğrenmek zorunda değilsiniz. Bugün bazı ortak etiketlerin nasıl yazılacağını ve ne için kullanılabileceklerini öğreneceksiniz..

HTML Etiketi Özellikleri Nelerdir??

Etiketler hakkında bilmeniz gereken son şey Öznitellikler. Nitelikler, etiketlerin özel özelliklerini tanımlar. Etiketler pencereler ve kapılarsa, özellikler belirli bina ayrıntılarını belirtir. Bu, pencerenin açılıp açılmadığı veya kapının kilitli olup olmadığı gibi çerçevenin genişliği ve yüksekliği olabilir..

Nitelikler açılış etiketinin içine şöyle eklenir:

Sadece kendi etiketlerinizi veya niteliklerinizi oluşturamazsınız. Nitelikler ve etiketler World Wide Web Consortium (W3C) tarafından önceden tanımlanmıştır..

HTML5 Nedir??

HTML5, HTML'nin en son sürümüdür. Birkaç yeni etiket, özellik ve özellik içerir..

HTML, bir dizi talimat olduğundan, farklı web tarayıcıları bazen farklı yorumlar. Bir tarayıcı, aksini söylemediğiniz sürece pencerelerin ve kapıların siyaha boyanması gerektiğine karar verebilir..

Tarayıcılar nihayet birbirleriyle oldukça tutarlı hale gelmeye başlasa da, bazen çok yeni özelliklerle yakalanmaya devam edebilirsiniz. Belki de Google Chrome yeni bir etiket uyguladı, ancak Microsoft'un Internet Explorer’ı henüz.

Çoğunlukla, web sayfalarınız tüm ana tarayıcılarda aynı görünecek, ancak bir şey yayınlamadan önce, özellikle de henüz tüm tarayıcılar tarafından desteklenmeyen yeni etiketler kullanıyorsanız, yine de hızlı bir teste girmeye değer..

HTML5 hakkında daha fazla bilgi edinmek istiyorsanız, HTML5 başlangıç ​​kılavuzumuza bir göz atın HTML5 ile Başlayın HTML5 ile Başlayın HTML5 ile ilgili bilgi edinin. Herkes kullanıyor. İnsanların Flash ve Shockwave kullanmaya başvurmadan zengin, ilgi çekici web sayfaları oluşturmalarına olanak tanıyan, İnternet'in kurtarıcısı olarak müjdeleştiriliyor.. .

HTML Yorum Nasıl Yapılır

Diğer birçok dil gibi, işaretleme veya programlama gibi, HTML “yorum Yap” biçimlendirme blokları. Yorum, tarayıcı tarafından göz ardı edilen bir şeydir. Bu, web sitenizin bu özel parçasının ne yaptığını kendinize hatırlatan bir not olabilir..

İşaretlemeyi yorumlayarak, tarayıcıya bir veya daha fazla etiketi yoksaymasını söylersin. Bu, işlevselliği kaldırmak veya kodunu silmeden web sitenizin bir bölümünü gizlemek için faydalı olabilir..

Bir web tarayıcısı bir yorum gördüğünde, onu anlar. “aksi söyleyene kadar bu talimatları kullanmayın”. Yorumlar bir oluşur “açılış” yorum ve bir “kapanış” yorum benzeri etiketler.

İşte bir örnek:

Kod yorumlanması tamamen aynı şekilde yapılır:

Bir mesaj yerine, etiketinizi yorum etiketleri arasına koyun..

HTML’de Resim Nasıl Eklenir

HTML’nize resim eklemek resim etiketiyle yapılır:

Yazı tipi boyutu kolayca kullanılarak değiştirilebilir boyut özellik:
MUO Büyük Metin
Yazı tipi rengini değiştirmek isterseniz, bu renk özellik:
MUO Kırmızı Metin
Bu özellikler yazı tipi etiket. Başka bir etiket kullanmak isterseniz, yuva etiketleri, birini diğerinin içine koyarak:
MUO Kırmızı Metin
HTML'de Bağlantı Nasıl Eklenir
Bağlantılar kullanarak eklenebilir bir etiket:
MakeUseOf.com
 href özellik, bağlantınızın hedefidir.
HTML'de Tablo Nasıl Yapılır
HTML tabloları birkaç farklı etiketi yerleştirmeyi içerir. İle başlamanız gerekir. tablo etiket:
Şimdi bazı satırları kullanarak tr etiket:
Sonunda, td Aynı zamanda sütunları da oluşturacak olan tablo hücrelerini oluşturmak için etiket:
Masa düzeninizle denize girmek ve oldukça çılgınca gitmek mümkündür, ancak mümkünse işleri basit tutmak en iyisidir. Geçmişte, bir web sayfasını yapılandırmak için tablolar kullanılıyordu, ancak bu uygulama tarihli ve korkunç görünüyor. Verileri okuyucuya aktarmak için tabloları basit tutun.
HTML ile CSS Kullanma
Bu örnekler temelleri içermektedir, ancak gerçekten yaratıcı olmak istiyorsanız, CSS kullanmanız gerekir. Basamaklı Stil Sayfaları, web sitenizin tasarımı üzerinde daha fazla kontrol sahibi olmanızı sağlar ve web sitenizin farklı bölümleri arasında oldukça fazla miktarda kod kullanmanıza izin verir..
CSS öğrenme konusunda 5 öğretici bebek olmasına rağmen, CSS öğrenme ve Kick-Ass CSS büyücü olma 5 Bebek CSS öğrenme ve Kick-Ass CSS büyücü olma CSS son 10 yılda web sayfalarında görülen en önemli değişiklik. ve stil ile içeriğin ayrılmasının önünü açtı. Modern bir şekilde, XHTML semantik yapıyı tanımlar… ve hızlı CSS örnekleri 10 10 Dakikada Öğrenebileceğiniz Basit CSS Kod Örnekleri 10 Basit 10 CSS Öğrenebileceğiniz Basit CSS Kod Örnekleri 10 dakika içinde öğrenebileceğiniz basit bir CSS Kod Örnekleri CSS becerilerinizi pratik yapabilirsiniz. Sonra 10 temel CSS örneğine geçeceğiz. Oradan, hayal gücünüz sınırdır! , hala HTML'de yapabileceğiniz bazı ayarlar var.
HTML’nizin yanına CSS yazmak istiyorsanız, stil bağlıyor. Bu özellik yalnızca CSS'yi üzerinde kullanıldığı etikete uygular:
Bu yol iyi çalışsa da, benzer şekillendirme gerektiren çok fazla işaretlemeniz varsa bakımı zor bir iş bulacaksınız..
Daha iyi yol kullanmaktır. stil etiketi, içine yerleştirilmiş kafa etiket. Burada tüm sayfanız için CSS tanımlayabilirsiniz:
   ÇOK CSS KURALLARI   
Stil etiketinin bir özelliği var text / css. Bu, tarayıcınızın etikette beklediğiniz stili tam olarak bilmesi için gereklidir..
CSS kullanmanın üçüncü ve son yolu, harici bir dosya kullanmaktır; bağlantı etiket. Bu, HTML’nizi kendi dosyasında saklanan CSS’e bağlar;
Burada kullanılan birkaç özellik var. rel öznitelik, bağlantınızı stil sayfası olarak bildirir. Türü “text / css” bir kez daha tanımlanır. tip özellik ve href öznitelik harici dosyayı nerede bulabilirim.
HTML ile bir web sitesi nasıl yaparsınız?
Gördüğün gibi, HTML gerçekten o kadar da kötü değil, değil mi? Birkaç basit etiket ve özellik kullanarak, daha önce hiç HTML yazmamış olsanız bile, bir web sayfasını hızlı bir şekilde birleştirebilirsiniz.!
Eğer tam bir web sitesi yazmak istiyorsanız, o zaman yeni başlayanlar için bir web sitesi hazırlama kılavuzumuza bir göz atın. Bir Web Sitesi Nasıl Yapılır: Yeni Başlayanlar İçin Bir Web Sitesi Nasıl Yapılır: Yeni Başlayanlar İçin Bugün size rehberlik edeceğim baştan eksiksiz bir web sitesi yapma süreci. Bu zor geliyorsa endişelenme. Her adımında size rehberlik edeceğim.   .