teknopolis.net
  • ANA SAYFA
  • Eğitim
    • Bilim
  • Donanım
  • İnternet
  • Sosyal Medya
  • Kripto Para
  • Teknoloji
    • Mobil
    • Oyun
    • Yazılım
    • Uygulama
    • Giyilebilir Teknoloji
    • Yapay Zeka
    • Akıllı telefon
  • Otomobil
  • Sektörel
  • Rehber
Sonuç yok
Tüm Sonucu Görüntüle
TeknoPolis.NET
Sonuç yok
Tüm Sonucu Görüntüle
Ana Sayfa Yazılım

Html Css Hakkında Bilinmeyen Detaylar

Html Css Hakkında Bilinmeyen Detaylar

Tarafından Umut Yaşar
10 Eylül 2022
Kategori: Yazılım
0
24
Paylaş
143
Görüntülenme
Facebook'da PaylaşTwitter'da Paylaş

Hepimizin bildiği gibi HTML ve CSS yazılım eğitimlerinin olmazsa olmazıdır. İnternetin hayatımıza girmesiyle birlikte web kavramı ortaya çıktı. Bu kavram zaman içinde değişip evrilmiş ve internette yer bulabilen bir platform haline gelmiştir. Web siteleri, bireyleri veya kuruluşları İnternet üzerinden erişilebilir ve hatta iletişim kurulabilir hale getirmiştir. Şimdiye kadar, web sitesi olmayan kuruluşlar veya şirketler çoğunlukla ortadan kayboldu. Hatta herkesin kişisel bir blogu var desek yalan olmaz. Peki konuya girmemiz gerekirse bu sitelerde sıklıkla karşılaştığımız HTML ve CSS nedir?

Neler Okuyacaksınız?

  • HTML Nedir?
  • HTML Neden Kullanılır?
  • Basit HTML kodu örneği
  • CSS Nedir?
  • HTMI Kodu:
  • CSS’i Neden Kullanılırız?
  • Web Tasarım Alfabesi: HTML

HTML Nedir?

HTML, zengin bir metin biçimlendirme dili olan Hyper Text Markup Language anlamına gelir. Ancak, HTML genellikle bir dil olarak kabul edilmez. Aslında bütünlük etiketi olarak tanımlanan HTML, web sayfaları oluşturmak için kullanılan bir betik dilidir. Uzantı .html veya .htm olarak tanımlanır. HTML, etiketlerin yapısını içerdiğinden, genellikle andlt;> sembolleri arasında belirtilir. Burada dikkat edilmesi gereken nokta etiketin nasıl kapatıldığıdır. Örneğin andlt; htmlandgt; Bu etiket andlt olarak açılır; htmlandgt; form kapalı değil. andlt yerine; /htmlandgt; işaretler kullanılmalıdır. İstisnalar olsa da etiketler genellikle bu şekilde kapatılır.

HTML bir programlama dili olmadığı için derleme gerektirmez. Standart bir metin belgesine HTML kodu satırları da yazabilirsiniz. Ardından, belgeyi .html biçiminde kaydettiğinizde, tarayıcınızda açabilir ve ne yaptığınızı görmekten çekinmeyin. Peki neden HTML kullanıyorsunuz.

HTML Neden Kullanılır?

HTML’yi bir web sayfasının iskeleti olarak düşünebilirsiniz. Çerçevesiz bir web sayfası düşünülemez olduğundan, HTML’nin gerçekten ne kadar önemli olduğunu görebiliriz. Bir web sayfası veya web sayfasının bir bölümünün yazılması gerekiyorsa, önce bir ölçek çerçevesi oluşturulur. Bu iskelet daha sonra belirli giysiler ve parçalarla giydirilir. Sizinle basit bir HTML kod örneği paylaşalım.

Basit HTML kodu örneği

Ben tarayıcı sekmesinde başlık metni:)

Bu bir Başlık

Bu da benim ilk paragrafım.

Görüldüğü gibi HTML etiketleri belli bir sıra ile açılır ve belli bir sıra ile kapatılır. Aradaki veri dizisi de tarayıcıya saf içerik olarak yansıtılır. HTML genellikle bu etiketlerin zincirlendiği ve diğer programlama dillerine bağlandığı ve çok daha derinleştirildiği bir sistemdir. HTML kodunu CSS ile renklendirebilir ve şekillendirebiliriz. Öyleyse, CSS’nin ne olduğuna ve nasıl çalıştığına hızlıca bir göz atalım.

CSS Nedir?

CSS, Basamaklı Stil Sayfaları anlamına gelir ve Basamaklı Stil Sayfalarının kısaltmasıdır. En temel haliyle CSS, HTML etiketlerimizin resimler açısından daha ayrıntılı olmasını sağlar. Etiketlerimizi biçimlendirmek için kullandığımız CSS kodları, renk, yazı tipi, arka plan rengi, genişlik, yükseklik, konum durumu, ızgara düzeni veya çeşitli animasyonlar gibi şeyleri işler. CSS’nin sahip olduğu birkaç seçici vardır. Ayrıca iki id ve sınıfa ayrılırlar. Bu seçicileri HTML etiketlerimizin içine koyuyoruz ve CSS kodu ile biçimlendiriyoruz. Örneğin, Hello etiketimizi CSS seçici .container {} ile biçimlendirebiliriz.

Kısaca şöyle açıklayabiliriz:

HTMI Kodu:

Merhaba Dünya

etiketine bir seçici tanımladık. (class=”secici”)

CSS kodu :

.secici {

font-size: 20px;

color:red;

width:100%;

height:50px;

}

.secici ile seçtik. CSS’de “Bu etiketi değiştirmek istiyorum” anlamına gelir. Sonra yazı tipi boyutunu yazı tipi boyutuyla, metin rengini renkle, etiketin yatay boyutunu genişlikle ve etiketin yüksekliğini yükseklikle ayarlıyoruz. Peki CSS’yi neden ve nerede kullanıyoruz?

CSS’i Neden Kullanılırız?

HTML ile oluşturduğumuz çerçeve yapılarını görsel olarak geliştirmek için CSS kullanıyoruz. Etiketlerin rengini, boyutunu, açısını veya konumunu belirterek güzel şekiller oluşturuyoruz. Ayrıca bu etiketleri diğer programlama dilleriyle birlikte çalışabilir hale getiriyoruz. Peki bunlar için hangi programlama dilleri kullanılıyor?

Web Tasarım Alfabesi: HTML

Yazılımın diğer alanlarında olduğu gibi, belirli web tasarım becerilerini öğrenmenin yolu, bir iş için zemin hazırlamaktır. Yaklaşık 30 yıldır kullanımda olan HTML, web tasarımcısı olmak isteyenlerin öğrendiği ilk biçimlendirme dilidir.

Köprü Metni İşaretleme Dili (Zengin Metin İşaretleme Dili) veya kısaca HTML, metin, tablo, form ve daha fazlasını eklemenin bir yoludur. bir web sitesine dönüştürün. İçeriğin anlamlı bir şekilde eklenmesine ve bağlanmasına izin verir. Bir web sitesi tasarımı HTML kodlarından oluşur.

Henüz geliştirme aşamasında olmasına rağmen, HTML5, ses ve video içeriğini de destekleyerek, tek bir programla farklı formatlarda içeriğe sahip bir web sayfası tasarlamayı mümkün kılıyor. Mobil geliştirme için kullanılan dilin en son sürümü olan HTML5, bu günlerde giderek daha popüler hale geliyor.

Etiket: HTML kodu örneğiHTML Neden KullanılırHTML Nedir
Paylaşım10Tweet6Gönder
Önceki yazı

Plesk Panel Şifre Değiştirme Nasıl Yapılır?

Sonraki Gönderi

Google Ads Özel Kombinasyon Nasıl Oluşturulur?

Umut Yaşar

Umut Yaşar

Hobi olarak bu işi yapan, biraz aykırı bi' kişilik.

İlişkiliGönderiler

Yazılım

Matlab Nedir?

Tarafından admin admin
30 Ocak 2023
Donanım

Pnömatik Devre Nedir?

Tarafından Umut Yaşar
9 Ocak 2023
Uygulama

Shellcode Nasıl Hazırlanır?

Tarafından Umut Yaşar
24 Aralık 2022
Sosyal Medya

Monitoring Nasıl Yapılır?

Tarafından Umut Yaşar
23 Aralık 2022
Yazılım

Tableau ile Veri Analizi Nasıl Yapılır?

Tarafından Umut Yaşar
16 Aralık 2022
Sonraki Gönderi

Google Ads Özel Kombinasyon Nasıl Oluşturulur?

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

  • Trend
  • Yorumlar
  • En son
PSD Uzantılı Dosya Nasıl Açılır

PSD Dosyası Nedir? .PSD Uzantılı Dosya Nasıl Açılır?

7 Ekim 2019

Netflix benzeri ücretsiz film izleme sitesi

8 Ekim 2019
Opera VPN İnceleme

Opera VPN İnceleme: Opera VPN Güvenli Mi?

13 Ekim 2019
Popmundo ile maceraya hazır mısın?

Popmundo ile maceraya hazır mısın?

3

Gerçek Bir Köpek Gibi Davranan Dört Bacaklı Robot: Astro

1
Chrome ödeme yöntemleri için yenilik getiriliyor!

Chrome ödeme yöntemleri için yenilik getiriliyor!

1

Değer Odaklı Satış

7 Şubat 2023

Toleranslandırma Nedir

6 Şubat 2023

Kalp Masajı ve Suni Solunum Nasıl Yapılır

4 Şubat 2023

İlginizi Çekebilir

Dropshipping Nedir ?

Tarafından Umut Bolat
9 Haziran 2021
0
Dropshipping Nedir ?
İnternet

Dropshipping, hiçbir şekilde ürün stoğu gerektirmeden, satış işlemlerini yapacağınız ürünü görmeden e-ticaret siteleri arasında alım-satım işlerinin yapılmasıdır. Yurt dışında çok yaygın olan bu...

Devamını oku

Marvel’ın Sevilen Serisi Blade Tekrar Seyircilerle Buluşuyor!

Tarafından Umut Bolat
27 Temmuz 2019
0
Sinema

Marvel dördüncü aşama adı verilen filmleri için olan takvimi Comic Con’da paylaştı. Marvel hayranlarını en çok sevindiren olay ise şüphesiz...

Devamını oku
TeknoPolis.NET

Copyright © 2021 Teknopolis

  • Hakkımızda
  • Gizlilik politikası
  • Künye
  • İletişim

Sonuç yok
Tüm Sonucu Görüntüle
  • Home

Copyright © 2021 Teknopolis