HTML elementleri (ögeler olarak da adlandırılır) HTML kodlama yapmak için gereklidir. Peki HTML elementleri nelerdir?
HTML bir biçimlendirme dili olarak tanımlanıyor olsa da aslında günümüzde bir programlama dilidir. Piyasaya sürüldüğü 1993 yılından bu yana kullanımı giderek yaygınlaştı. Günümüzde dahi HTML en çok kullanılan programlama dilleri arasında JavaScript’ten hemen sonra ikinci sırada yer almaktadır.[1] (Ayrıca bkz. 2022’de en çok kullanılan programlama dilleri nelerdir?) Bununla birlikte HTML/CSS programcıları diğer dillerin programcılarına kıyasla daha az kazanç sağlarlar.
Eğer HTML öğrenmek istiyorsanız öncelikle bu programlama dili hakkında temel seviyede bilgi sahibi olmalı ve HTML kullanarak neleri yapabileceğinizi ve neleri yapamayacağınızı bilmeniz gerekiyor.
HTML ne için kullanılır?
Hypertext Markup Language olarak tanımlanan HTML daha çok web belgesi üretmek ve belge içerisinde biçimlendirme yapmak için kullanılır. Eğer HTML’i CSS ve JavaScript ile kullanmayı öğrenirseniz bu çok daha verimli olur; böylece kullanıcı dostu arayüzler tasarlayabilirsiniz.
HTML bir belge UTI tarafından public.html olarak tanımlanır. Çoğu web sitesi, URL kısmında .html etiketine sahiptir. (Örnek: www.orneksite.com/2022/08/07/climate/senate-climate-law.html) Google’ın dizine ekleme botlarının en kolay tanım yapabildiği belge türüdür.
HTML elementleri nelerdir?
Aşağıdaki listede HTML’de kullanılan elementlerin listesini bulabilirsiniz.
| <html> | </html> |
| <base> | </base> |
| <head> | </head> |
| <link> | </link> |
| <meta> | </meta> |
| <style> | </style> |
| <title> | </title> |
| <body> | </body> |
| <address> | </address> |
| <article> | </article> |
| <aside> | </aside> |
| <footer> | </footer> |
| <header> | </header> |
| <main> | </main> |
| <nav> | </nav> |
| <section> | </section> |
| <blockquote> | </blockquote> |
| <dd> | </dd> |
| <div> | </div> |
| <dl> | </dl> |
| <dt> | </dt> |
| <dt> | </dt> |
| <figcaption> | </figcaption> |
| <figure> | </figure> |
| <hr> | </hr> |
| <link> | </link> |
| <menu> | </menu> |
| <ol> | </ol> |
| <p> | </p> |
| <pre> | </pre> |
| <ul> | </ul> |
| <a> | </a> |
| <abbr> | </abbr> |
| <b> | </b> |
| <bdi> | </bdi> |
| <bdo> | </bdo> |
| <br> | </br> |
| <cite> | </cite> |
| <code> | </code> |
| <data> | </data> |
| <dfn> | </dfn> |
| <em> | </em> |
| <i> | </i> |
| <kbd> | </kbd> |
| <mark> | </mark> |
| <q> | </q> |
| <rp> | </rp> |
| <rp> | </rp> |
| <ruby> | </ruby> |
| <s> | </s> |
| <samp> | </samp> |
| <small> | </small> |
| <span> | </span> |
| <strong> | </strong> |
| <sub> | </sub> |
| <sub> | </sub> |
| <time> | </time> |
| <u> | </u> |
| <var> | </var> |
| <wbr> | </wbr> |
| <area> | </area> |
| <audio> | </audio> |
| <img> | </img> |
| <map> | </map> |
| <track> | </track> |
| <video> | </video> |
| <embed> | </embed> |
| <iframe> | </iframe> |
| <object> | </object> |
| <picture> | </picture> |
| <portal> | </portal> |
| <source> | </source> |
| <svg> | </svg> |
| <math> | </math> |
| <canvas> | </canvas> |
| <noscript> | </noscript> |
| <script> | </script> |
| <del> | </del> |
| <ins> | </ins> |
| <caption> | </caption> |
| <colgroup> | </colgroup> |
| <table> | </table> |
| <tbody> | </tbody> |
| <td> | </td> |
| <tfoot> | </tfoot> |
| <th> | </th> |
| <thead> | </thead> |
| <tr> | </tr> |
| <button> | </button> |
| <datalist> | </datalist> |
| <fieldset> | </fieldset> |
| <form> | </form> |
| <input> | </input> |
| <label> | </label> |
| <legend> | </legend> |
| <meter> | </meter> |
| <optgroup> | </optgroup> |
| <option> | </option> |
| <output> | </output> |
| <progress> | </progress> |
| <select> | </select> |
| <textarea> | </textarea> |
| <details> | </details> |
| <dialog> | </dialog> |
| <summary> | </summary> |
| <slot> | </slot> |
| <template> | </template> |
| <acronym> | </acronym> |
| <applet> | </applet> |
| <bgsound> | </bgsound> |
| <big> | </big> |
| <blink> | </blink> |
| <center> | </center> |
| <content> | </content> |
| <dir> | </dir> |
| <font> | </font> |
| <frame> | </frame> |
| <frameset> | </frameset> |
| <hgroup> | </hgroup> |
| <image> | </image> |
| <keygen> | </keygen> |
| <marquee> | </marquee> |
| <menuitem> | </menuitem> |
| <nobr> | </nobr> |
| <noembed> | </noembed> |
| <noframes> | </noframes> |
| <param> | </param> |
| <plaintext> | </plaintext> |
| <rb> | </rb> |
| <rtc> | </rtc> |
| <shadow> | </shadow> |
| <spacer> | </spacer> |
| <strike> | </strike> |
| <tt> | </tt> |
| <xmp> | </xmp> |
Dipnotlar
[1] “Stack Overflow Developer Survey 2021.” https://insights.stackoverflow.com/survey/2021. Erişim tarihi: 8 Ağu. 2022.
