HyperText Markup Language (HTML) Nedir? | Pazarlamasyon

Có thể bạn quan tâm

Anasayfa
Haberler
- Pazarlama
- Reklam & Yaratıcı İşler
- Dijital
- Sosyal Medya
- Gündem
- Haberler
- Pazarlamasyon Dergi
İş Dünyası
- Araştırma
- Atamalar
- Röportajlar
- KSS
TV
- Filozof
- Haftanın Gündemi
- What's Next
- Röportajlar
Yazarlar
Etkinlikler
- MarTech Awards
- Meetup Istanbul
- Tech Brands Türkiye
- The Hammers Awards
- New Generation Summit
- New Generation Awards
Dergi
Kariyer

0216 759 04 42
İçerenköy Mh. Döndü Sk. No:10 Kat:3 Ataşehir İstanbul
[email protected]

Son iş ilanlarımıza göz attınız mı?

Haberler Meral Örnek 20/01/2016 HyperText Markup Language (HTML) Nedir?

HyperText Markup Language: Tasarım ve şablon oluşturma amaçlı kullanılan ana bilgisayar dilidir. Web sayfalarını hazırlamak için bu işaretleme diline ihtiyaç duyarız. Bunu yapmamız için programcı olmamıza gerek yoktur. Çünkü html bir programlama dili değil, sadece verinin kendisidir. Web’de dolaşırken karşılaştığımız sayfalara bir de başka bir gözle bakalım. Hepsi aslında yazılar, resimler ve videolardan oluşmuş sayfalardır. Birbirinden farkları ise konumlanış biçimleridir. Aynı kodların farklı kullanım biçimleriyle yorumlanmasıdır. Genel işleyiş şu şekilde ilerler: Tasarımcı web sayfanızı tasarlar. Yazılımcı önce tasarlanan bu sayfaları html kodlarıyla yazarak sayfa şablonlarını oluşturur. Sonrasın da ise bir programlama diliyle dışarıdan gelen verilerin html sayfamızdaki yerlerine ulaşması sağlanır. Kullandığımız browserlar web sitemizi açtığımızda bu kodları okuyarak görsel olarak bize sunarlar. Tanımlar her zaman açıklayıcı olmaz. Çok basit olan bir çok şeyi tanımlarken kullandığımız terimler sanki karışık bir şeymiş gibi algılanabilir. Html de bunlardan biri. Birlikte ufak bir html yazarak konunun ne kadar basit olduğunu birlikte görelim.

HTML Kodunu Nerede Yazmalıyız?

Html kodu yazmamız için herhangi bir program yüklememize gerek yoktur. Notepad ile bile yazabiliriz. Yok illa ben bir program kullanmak isterim derseniz, bu iş için yapılmış bir çok program vardır. Ben Adobe Dreamweaver kullanıyorum. Aynı anda hem kodu hem de görsel kısmını bir arada sunması işimi kolaylaştırıyor.

HTML Kod Yazmaya Başlayalım mı?

Bu iş bu kadar kolay mı? Evet gerçekten de bu kadar kolay. Notepad’i açtık ve şimdi başlıyoruz. Öncelikle HTML sayfalarında olmazsa olmaz kodlarımızı birlikte yazalım. <html> <head> <title>SitemizinAdı</title> </head> <body> Sayfamızı Oluşturacağımız Alan. </body> </html> Burada verdiğimiz kodlar tüm sitelerinizin HTML’sini yazmaya başladığınızda sabit olarak yazmanız gerekenlerdir. Head kendimizi tanıttığımız alan, body ise sayfamızı şekillendirdiğimiz kısımdır. Kodlarımıza dikkatli bakarsak bir kodun <> tagı ile açıldığını ve </> tagı ile kapandığını görürüz. Bu tagların içlerine ilgili kodları yazarız. Bu kodlar standarttır. Sadece hangi kodun ne işe yaradığını bilmeniz yeterlidir.

HTML’de Kullanılan Başlıca Kodlar Nelerdir?

Html: Sayfamızın en başında açmak ve en sonunda da kapatmak zorunda olduğumuz html dilinde kodlama yapacağımız anlamına gelen koddur. Head: Sayfamızla ilgili bilgilerin ve tanımların yer aldığı koddur. Body: Sayfamızın tasarım alanın içine yazıldığı, alan bilgisini veren koddur. p: İçerisine paragraf yazılan tagdır. b: Yazınızın bold olmasını sağlar. i: Yazınızın italik olmasını sağlar. u: Yazınızın altını çizgili yapar. h1: Yazınızın başlık konumunda olduğunu belirtmenizi sağlar (h tagları 1 2 3 4 5 6 dır. Sayı attıkça font küçülür ve her sayı bir öncekinin başlığı konumundadır.) br: Satır atlamamızı sağlar. tagını açtığımızda tekrar kapatmamıza gerek yoktur. center: Yazıyı ortalamamızı sağlar. img: Yazımıza resim eklememizi sağlar. En çok kullanılar kodlar ile bir örnek yapıp öğrendiklerimizi pekiştirelim. Herkesin bilgisayarında bulunan notepad’i açalım ve aşağıdaki kodları kopyalayıp yapıştırıp masa üstüne *.html olarak kaydedelim. İşte bu kadar. Sonucu görmek için kullandığınız browserla açtığınız da kendi yaptığınız kodların derlenerek nasıl karşınıza çıktığını görebilirsiniz. Resim olarak istediğiniz bir resmi kullanabilirsiniz sadece dikkat etmeniz gereken şey html sayfanızla resminiz aynı yerde olmasıdır. <html> <head> <meta charset="utf-8"> <title>Pazarlamasyon</title> </head> <body> <h1><center>HTML Öğreniyorum</center></h1> Bold bir yazı yazmak istiyorum Şimdide altı çizgili bir yazım olsun İtalik yazı en favorim <img src="HTML.jpg" width="321" height="242" alt="html"/> </body> </html>

html

Ben de ilk bu kodlarla başlamıştım html dünyasına. Umarım bu makaleyi okuduktan sonra siz de heveslenip daha fazlasını öğrenmek için araştırmalara başlarsınız.

Siz de Pazarlamasyon'un aboneleri arasına katılın, tüm pazarlama konularında bilgilenin! Asla Spam mail almayacaksınız.

[mc4wp_form]

Html Nedir
Html Kodları
Html Tagları
Başlıca Html Kodları

Kariyer ilanları gör

Sosyal Medya

Sosyal Medyayı Kadınlar mı, Erkekler mi Daha Etkin Kullanıyor?

Geçtiğimiz günlerde onuncu yılını tamamlayan Facebook’un bugün 1,23 milyar aylık aktif kullanıcısı mevcut. Dünya çapında 37 ofis ve 6 binden fazla da [...]

Bunlar İlginizi Çekebilir

Haberler

KNITSS 10’uncu yılında kimliğini yeniledi

KNITSS, 10'uncu yılına özel marka kimliğini ve logosunu yeniledi.

Reklam & Yaratıcı İşler

PRİDA İletişim ve AkademİDA PR Jam 2025 Ödülleri sahiplerini buldu

İletişim danışmanlığı sektöründeki şirketleri temsil eden İletişim Danışmanlığı Şirketleri Derneği (İDA), PRİDA İletişim Ödülleri ve AkademİDA PR Jam Ödülleri’nin kazananları belli oldu.