Please enable JavaScript.

Coggle requires JavaScript to display documents.

html, CSS - Coggle Diagram

- - - - Bir tablonun sütun etiketlerini tanımlayan bir dizi satırı gruplar.
    - - Tablonun sütunlarını özetleyen bir dizi satırı gruplar.
    - - Bir tablodaki hücre satırını tanımlar.
    - - tablo verilerinin ana gövdesini tanımlayan bir dizi satırı gruplar
    - - drop-down list oluşturmak için kullanılır.
    - - table'ın ismini tanımlar
    - - drop-down menude ilgili opsiyounları gruplandırmak için kullanılır.
- - - - <blockquote> Kapsadığı textin başka bir kaynaktan alıntılandığını ifade eder ve gösterir.</blockquote>
    - - <li> Sıralı ve sıralı olmayan listelerin oluşturullmasında kullanılan bir elementir. </li>
    - - option
      - textarea
    - - <figure> İçeriği hazırlanan dökümanla ilgili olsada Kendi başına kullanılan, konumlandırılan, opsiyonel olarak <figcaption> elementi ile başlık ekleyebileceğimiz, dökümanın ana yapısından bağımsız olarak tek bir ünite ait tanımlama yapmamızı sağlayan, çıkarılması döküman akışı üzerinde etki bırakmayan bir elementir. </figure>
    - - <details> Summary elementi ile birlikte kullanılır. Kullanıcı summary üzerine tıklıyarak details bilgisini açabilir veya kapatabilir. </details>
  - - - pre
        
        <pre> Yazılan text’in içindeki boşluklar, break’ler ile birlikte tamamen render edilemesi ve browserda sergilenmesine imkan sağlar.</pre>
      - code
        
        <code> Kapsadığı texti bilgisayar kodu olarak tanımlar.</code>
      - abbr
        
        <abbr> Bu element title ile birlikte kullanılarak burada yazan textin/kısaltmanın açıklamasının yapılmasını sağlar. Burada yazan açıklama kullanıcılar tarafında görünmez ancak Browser, arama motorları, ve ilgili teknolojiler buradaki açıklamaya erişerek bu bilgiyi kullanırlar.</abbr>
      - var
      - cite
        
        <cite> Alıntılanan bilginin kaynağını göstermek için kullanılır. Yazarın veya sanatçının isminden ziyade kitap ismi gösterilir.</cite>
      - q
        
        <q> Kapsadığı text’in tırnak içine alınmasını sağlar./q>
      - mark
        
        <mark> Bu element başka bir element içinde yer alan bir textin highlight yapılmasını sağlamak için kullanılır. </mark>
      - s
      - rt
      - rp
      - small
      - kbd
      - bdi
      - rp
      - bdo
      - ruby
      - legend
      - dfn
      - summary
        
        <summary> Details elementinin çocuğu konumundaki bir elementir. Details elementinde yer alan ifadenin özeti bu block’ta yer alır.</summary>
      - time
      - label
      - <span> Ssatır içinde <div> block elementinin yaptığı gibi stil oluşturmaya yarayan bir elementtir.satır içinde <div> block elementinin yaptığı gibi stil oluşturmaya yarayan bir elementtir.atır içinde <div> block elementinin yaptığı gibi stil oluşturmaya yarayan bir elementtir.
      - acronym
        
        <acronym> Acronym elementi ve title attribute’u ile birlikte tam bir text’in açıklamasında kullanılıyordu. HTML5 ile birlikte bu element yerine <abbr> kullanılmaya başlanmıştır.</acronym>
    - - <h1-h6> Önemi azalan şekilde başlık oluşturmakta kullanılır. h1 en fazla öneme sahip iken h6 en az öneme sahiptir. Headline tag’ları içeriğin hiyerarşik yapısını düzenlediği gibi içerin daha düzenli oluşturulmasını da sağlarlar. Hash işareti # ve <id> elementinin headline ile kullanılması, diğer insanların dokumanınıza link oluşturmasına imkan sağlar.
    - - <sup> Hedeflenen scriptin etrafındaki texte göre superscript pozisyonunda görünmesine imkan tanır. Semantik olarak kullanılması daha uygundur.</sup>
    - - <i> Kapsadığı text/harf’i italik yapmaya yarar. </i>
    - - <b>kapsadığı text/harfi bold yapar</b>
    - - <em>Cevrelendiği ifadeyi, ifadenin içinde yeraldığı text’ten daha fazla vurgulanmasını sağlar.</em>
    - - <strong> Çevreledeği kelime veya kelime öbeğinin önemini belirtmekte kullanılır, browser otomatik olarak ifadeyi bold yapar ama <strong>un bold yapmaktan öte semantik bir anlamı vardır, ilgili ifadenin önemi, aciliyeti veya ciddiyetini ortaya koyar. Dolayısıyla bold yapmak için kullanılmamalıdır. <b> tag veya <span> elementini CSS ile birlikte bold yapmak için kullanabiliriz.
  - - - <meta> Makine tarafından okunabilen, pars edilen fakat siteyi ziyaret edenlere gösterilemeyen bilgileri içerir. Browserların ve web crawlars’ın kullanımı için HTML sayfasına gömülen bilgilerin “metadata” yer aldığı bloktur. Metadata içeriğin nasıl gösterileceği, sayfanın nasıl tekrar yükleneği vs. , arama motorlarının kullanması için gerekli keywordlerin ve diğer web hizmetlerinin kullanacağı bilgilerin yer alır.
    - - <br> Text içinde satır oluşturmaya yarar, liste ve paragraf oluştururken kullandığımız semantik yapının etkisine sahiptir (<p>, <ul>) ama sadece paragrafta yer alan textin içeriğinde bu şekilde satır geçişlerine ihtiyaç duyuluyorsa (şiir, adres, code örnekleri) kullanılmalıdır. </br>
    - - <img> Statik bir imgenin web sayfasında gösterilmesinde kullanılır. Src attribute ile birlikte kullanılmalıdır.
    - - bir veya birden fazla stunun değerini tanımlar
    - - Bir tabloda birden çok sutün için özniteliği belirler