Web tasarımı alanının olmazsa olmazlarından olan HTML çok uzun senelerdir kullanılmaya devam ediyor.HyperText Markup Language (Zengin Metin İşaretleme Dili) ya da kısaca HTML, bir web sitesine metin, tablo, form vb. içeriklerin eklenmesini ve bunların anlamlı bir şekilde birbirine bağlanarak çalışmasını sağlıyor Chrome, Firefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.
HTML Temel Yapısı:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
HEAD kısmında CSS (cascading style sheet), meta tanımlamalar gibi bağlantılar yapılır. Tarayıcı HTML içeriğini okuma işlemine bu kısımdan başlar.
BODY de ise web sayfasını oluşturan html kod blogları yazılır.
<!-- Yorum Satırı-->
<!-- HTML kodlarımızın arasındaki yorum satırları için kullanılırlar-->
<div>...</div>
<!-- div elementi bir alan oluşturmaya yarar
Bu alanlara CSS yardımı ile stiller verilerek
düzenleme yapılır . -->
<b>Kalın Yazı</b>
<strong>Kalın yazı</strong>
<p>Paragraf elementi</p>
<span>Span Elementi isteğe bağlı verilerin gösterilmesi için yapısal
ve görsel bir katman oluşturulmasını sağlar.
Div etiketinden farklı olarak
kapsadığı metni keserek bir alt satıra geçmeden ona farklı
bir nitelik kazandırır.</span>
<br/>
<!-- br elementi konulduğu yerden sonrasını aşağı atmak için kullanılır.
-->
<hr/>
<!-- hr elementi yatay çizgi oluşturmaya yarar. -->
<img />
<!-- img elementi görsel eklemeye yarar.
<img src="görsel adresi" alt="görsel tanımlama bilgisi" -->
<a>Link</a>
<!-- a elementi bir yazı veya görsele link vermek için kullanılır.
bu element'de img elementi gibi özellik değeri ile kullanılır.
<a href="yolumuz">Yol Metni</a>
<h1>Başlık</h1>
<h2>Başlık</h2>
<h3>Başlık</h3>
<h4>Başlık</h4>
<h5>Başlık</h5>
<h6>Başlık</h6>
<!-- h elementleri başlık oluşturmak istediğimizde kullanılır--> ÖRNEK HTML CSS KULLANIMLARI VE DİNAMİK
TABLO OLUŞUMU İÇİN GİT ADRESİMİZİ ZİYARET EDEBİLİRSİNİZ TABLO OLUŞTURMA SAYFA BÖLME VE CSS ÖRNEK WEB SİTESİ
No comments:
Post a Comment