Dersler => PHP => Webmaster => PHP Dersleri => Konuyu başlatan: Webmaster - 28 Temmuz 2017, 15:08:40
-
class
HTML öğeleri boşluklarla ayrılmış bir veya daha fazla sınıf içerebilir. Öğeleri sınıflarıyla seçerek CSS kullanarak stil uygulayabilirsiniz.
Örnek:
<div class="big-box yellow-box">This is a big yellow box.</div>
id
Bir HTML öğesinin tanımlanması için bir id özniteliği olabilir. Id elemanları her zaman o tek elemana benzersiz olmalı ve her element asla birden fazla kimliğe sahip olmamalıdır.
Örnek:
[code]<Div id = "my-box"> Bu benim kutum! Metninizi başka bir kutuya koyun. </ Div>[/code]
href
Bağlantılar tarayıcıya bir URL'yi depolayan bir href niteliğini kullanarak nereye gideceğini söyler.
Örnek:
<a href="http://google.com">Google it!</a>
Temel Biçimlendirme:
Metni basit biçimlendirme etiketleri kullanarak kalın, italik veya altı çizili olarak kolayca biçimlendirebilirsiniz.
Örnek:
Bu metin <b> kalın </ b>,
<i> italikleştirildi </ i> ve
<u> altı çizildi </ u>.
Body
Body, bir sayfanın içeriğinin tamamıdır. Genel <html> etiketinde <head> etiketinin arkasına gelir.
Örnek:
<Html>
<Head>
<Title> Body etiketine bir örnek </ title>
</ Head>
<Body>
Bu benim sayfam!
</ Body>
</ Html>
Neredeyse tüm içerik Body etiketinin içine aittir. Ana istisnalar, sayfa başlığı etiketinin yanı sıra komut dosyası ve stil etiketleridir. Bu örnekte de görebileceğiniz gibi, Body etiketinin içinde bir başlık, resim ve bir bağlantı var. head etiketi yalnızca harici dosyalar ve sayfa başlığını içerir.
Örnek:
<Html>
<Head>
<Title> Ana sayfamız </ title>
<Link rel = "stylesheet" type = "metin / css" href = "ana sayfa.css" />
<Script türü = "metin / javascript" src = "ana sayfa.js"> </ script>
</ Head>
<Body>
<H1> Merhaba, bu benim kedimin bir resmi! </ H1>
<Img src = "cat.jpg" />
<a href="hayriyearslaner1@gmail.com"> e-posta gönder </a>
</ Body>
</ Html>
Children
Başka bir öğenin hemen soyundan veya başka bir öğe içine yuvalanmış bir öğeye Children denir. Bunlar, CSS alt seçiciler ve sahte elemanlar kullanılırken yararlı olurlar.
Örnek:
<Ul id = "parent">
<Li id = "child"> Ben ebeveynliğiyim! </ Li>
</ Ul>
Comments
HTML yorumlar bazen işaretlemenin bölümlerini açıklamak için kodda kullanılır.
Diğer dillerdeki yorumlara benzer. Kullanıcılar tarayıcılarında yorumları görmez.
Örnek:
<! - Bu bir HTML yorumu! ->
Div
Anlamlı bir anlam taşımayan içerik için blok düzeyinde bir kapsayıcı (veya web sayfasının 'bölümü').
Örnek:
<Div> Bu bir div öğesidir. </ Div>
Head
Önemli içeriği çevreleyen, kullanıcı için görünmeyen ancak tarayıcı için önem taşıyan etiket. Bu etiket içindeki öğeler, sayfayla ilgili meta verileri ve stil sayfaları, komut dosyaları vb. Bağlantılar içerir.
Örnek:
<html>
<head>
</head>
<body>
</body>
</html>
Başlıklar
<H1>, <h2>, <h3> gibi ... Başlık öğeleri, belgenin mantıksal bölümlere bölünmesiyle en büyükten en küçüğüne değişen altı düzeyli belge başlığı kullanmanıza olanak tanır. Örneğin, yukarıdaki 'Başlıklar' kelimesi bir <h2> etiketinde sarılır.
Örnek:
<H1> Bu bir başlık! </ H1>
Horizontal rules
Bu etiket, konteynırın her tarafına kadar uzanan bir piksel kalınlığında bir siyah çizgi oluşturur. CSS ile farklı görünmek için stil edilebilir.
Örnek:
Bu metin bölünmüş
<Hr>
... bu metinden!
HTML nedir?
HTML, Hiper Metin Biçimlendirme Dili'nin kısaltmasıdır. Tüm web sitelerini oluşturmak için kullanılan dil budur.
Satır kesmeleri
Bu etiket, satır aralığını zorlamak için bir metin bloğu içinde kullanılır. Bu, tek bir paragraf olan, ancak şiirler veya adresler gibi bu biçimlendirmenin gerekli olduğu şeyler için kullanılacaktır. Paragrafları ayırmak için, her paragrafı ayrı bir öğeye ayırın. Bir web sayfasındaki sonuç elemanı şöyle görünecektir:
Örnek:
<P> İki satırı kapsayan bazı metin <br/> </ p>
Bağlantılar
Link öğeleri, belgenizi ilgili bir kaynağa bağlamak için kullanılır (köprüden çok farklıdır; bunlara tıkladığınızda sizi başka bir web sayfasına götürür). Bağlantılar, belgenin başındaki bölümünde görünür; böylece içeriği değiştirmez, yalnızca sunuyu değiştirir. Linkler, en çok bir stil sayfasına, komut dosyasına, favicon'a veya bir RSS özet akışı veya PDF gibi sayfanın alternatif biçimine bağlanmak için kullanılır.
Örnek:
<link type="text/css" rel="stylesheet" href="styles.css" />
Listeler
HTML, iki tür listeyi desteklemektedir: sıralı listeler ve sırasız listeler. Listeler içinde her bir liste öğesinin kendi etiketi vardır.
Alışveriş listesi
<Ul>
<Li> Bulaşık sabunu </ li>
<Li> çöp poşeti</ li>
<Li> Domates </ li>
</ Ul>
Sırasız Listeler
Sırasız listeler, öğeleri madde işareti noktaları ile belirtilen listelerdir.
Numaralı listem
<Ol>
<Li> İlk öğe! </ Li>
<Li> İkinci öğe! </ Li>
<Li> Son öğe! </ Li>
</ Ol>
Strong ve Em
Bu etiketler, daha önce bahsedilen biçimlendirme etiketlerine benzer ve bu da lehte sonuç vermez. Aradaki fark, bu etiketlerin anlamsal değeri (anlamı) içermesidir. <Em> vurgulamak istediğiniz bir şey için kullanılır ve <strong> önemli olan bir şey için kullanılır. Bu unsurların her ikisinde de, iç içe yerleştirme ile vurgu veya önem seviyesini taşıyabilirsiniz. Elemanı kendi içine yerleştirdiğiniz zamanlar, içerdiği metnin büyüklüğü o kadar yüksektir.
Örnek:
<P> <strong> <strong> Uyarı: </ strong> Asit ciddi yanıklara neden olabilir </ strong> </ p>
Tablolar
Satırlarda ve sütunlarda bilgi görüntülemek için kullanılan bir öğe. Etiketleme sütunları için üstbilgi ve altbilgileri destekler. Bilgileri, hücreleri içeren satırlara (tr etiketi ile gösterilir) böler (td etiketi ile gösterilir).
<Table>
<Thead>
<Tr>
<Th> Öğe </ th>
<Th> Fiyat </ th>
</ Tr>
</ Thead>
<Tbody>
<Tr>
<Td> Muz </ td>
<Td> $ 56.75 </ td>
</ Tr>
<Tr>
<Td> Yoğurt </ td>
<Td> $ 12,99 </ td>
</ Tr>
</ Tbody>
<Tfoot>
<Tr>
<Td> Toplam </ td>
<Td> $ 69.74 </ td>
</ Tr>
</ Tfoot>
</ Table>
Etiketler ve Elemanlar
Etiketler, tanımlamanın bölümlerini tanımlayan ve öğelere ayıran temel etiketlerdir. Bunlar köşeli ayraçlar <> ile çevrili bir anahtar kelimeden oluşur. İçerik iki etiket arasında gezinir ve kapanış etiketinde bir eğik çizgi bulunur (Not: resim etiketleri gibi kendiliğinden kapanan HTML etiketleri vardır). Etiketler de özelliklere sahiptir.
<tag attribute='value'>content</tag keyword>
Title
Bu etiket, tarayıcıya üstte ne sayfa başlığı olarak görüntülenmesi gerektiğini bildirir ve arama motorlarına sitenizin başlığının ne olduğunu söyler. <Head> etiketlerinin içine giriyor. Sayfanızın başlıklarını açıklayıcı hale getirmeye çalışın; ancak aşırı ayrıntılı değildir.
<Title> HTML Sözlüğü </ title>