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
24 Nisan 2023
Kategori: Yazılım
0
29
Paylaş
169
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şım12Tweet7Gö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

Web Güvenliği İçin Temel İpuçları: Web Sitelerinizin Korunmasına Yardımcı Olacak 5 Adım

Tarafından admin admin
10 Temmuz 2023
Yazılım

Kullanıcı dostu açılış sayfası nasıl olmalıdır?

Tarafından admin admin
22 Haziran 2023
Yazılım

Enumeration Nedir

Tarafından admin admin
15 Haziran 2023
Yazılım

Arka Kapı Oluşturmak Nedir?

Tarafından admin admin
17 Mayıs 2023
Yazılım

Ubuntu Nedir?

Tarafından admin admin
15 Mayıs 2023
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

Plugin Install : Widget Tab Post needs JNews - View Counter to be installed
  • Trend
  • Yorumlar
  • En son

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

26 Nisan 2023

Netflix benzeri ücretsiz film izleme sitesi

8 Ekim 2019

VALORANT’ın bilgisayarınızı yeniden başlatması gerekiyor (çözüm)

24 Nisan 2023
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

iPhone, AirDrop Özelliği Nasıl Daha Güvenli Hâle Gelir?

1

SEO Uyumlu İçeriklerle Dijital Pazarlama Performansınızı Artırın

20 Temmuz 2023

Google Ads Dönüşümleri Artırma Taktikleri: İşletmeniz İçin En İyi Yöntemler

19 Temmuz 2023

Sosyal Medya ve İçerik Üretimi: Yaratıcı Olmanın İpuçları

18 Temmuz 2023

İlginizi Çekebilir

İphone ’unuz Saldırı Altında Mı: iVerify Uygulaması

Tarafından Umut Bolat
18 Kasım 2019
0
İphone ’unuz Saldırı Altında Mı: iVerify Uygulaması
Akıllı telefon

Teknoloji dünyasında kalitesini oldukça belli eden bir işletim sistemi olan iOS tartışılmaz bu noktada kendini kanıtlamış bulunmaktadır. Kullanıcılara sunduğu hizmetin...

Devamını oku

 E-posta Kalite Skoru Nedir?

Tarafından Umut Bolat
4 Ağustos 2021
0
 E-posta Kalite Skoru Nedir?
Genel

Bütün markalar arama motorlarında üst sıralarda yer almak ve yüzbinlerce ziyaretçi tarafından tıklanmak ister. Arama motorlarındaki sayılar ele alındığı zaman...

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