<i class="pre-meta"> <!DOCTYPE <i class="pre-keyword"> html</i> ></i><i class="pre-tag"> <<i class="pre-name"> html</i><i class="pre-attr"> dir</i> =<i class="pre-string"> 'ltr'</i><i class="pre-attr"> lang</i> =<i class="pre-string"> 'en'</i> ></i><i class="pre-tag"> <<i class="pre-name"> head</i> ></i><i class="pre-tag"> <<i class="pre-name"> title</i> ></i> Örnek Sayfa<i class="pre-tag"> </<i class="pre-name"> title</i> ></i><i class="pre-tag"> </<i class="pre-name"> head</i> ></i><i class="pre-comment"> <!--[ <body> open ]--></i><i class="pre-tag"> <<i class="pre-name"> body</i> ></i><i class="pre-tag"> <<i class="pre-name"> p</i> ></i> Örnek içerik burada!<i class="pre-tag"> </<i class="pre-name"> p</i> ></i><i class="pre-tag"> </<i class="pre-name"> body</i> ></i><i class="pre-comment"> <!--[ </body> close ]--></i><i class="pre-tag"> </<i class="pre-name"> html</i> ></i> <i class="pre-comment"> /* Standar CSS */</i><i class="pre-selector-pseudo"> ::selection</i> {<i class="pre-attribute"> color</i> :<i class="pre-number"> #fff</i> ;<i class="pre-attribute"> background</i> :<i class="pre-built_in"> var</i> (--linkC)} *, <i class="pre-selector-pseudo"> ::after</i> , <i class="pre-selector-pseudo"> ::before</i> {-webkit-<i class="pre-attribute"> box-sizing</i> :border-box;<i class="pre-attribute"> box-sizing</i> :border-box} <i class="pre-selector-tag"> h1</i> , <i class="pre-selector-tag"> h2</i> , <i class="pre-selector-tag"> h3</i> , <i class="pre-selector-tag"> h4</i> , <i class="pre-selector-tag"> h5</i> , <i class="pre-selector-tag"> h6</i> {<i class="pre-attribute"> margin</i> :<i class="pre-number"> 0</i> ;<i class="pre-attribute"> font-weight</i> :<i class="pre-number"> 700</i> ;<i class="pre-attribute"> font-family</i> :<i class="pre-built_in"> var</i> (--fontH);<i class="pre-attribute"> color</i> :<i class="pre-built_in"> var</i> (--headC)} <i class="pre-selector-tag"> h1</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.9rem</i> } <i class="pre-selector-tag"> h2</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.7rem</i> } <i class="pre-selector-tag"> h3</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.5rem</i> } <i class="pre-selector-tag"> h4</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.4rem</i> } <i class="pre-selector-tag"> h5</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.3rem</i> } <i class="pre-selector-tag"> h6</i> {<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.2rem</i> } <i class="pre-selector-tag"> a</i> {<i class="pre-attribute"> color</i> :<i class="pre-built_in"> var</i> (--linkC);<i class="pre-attribute"> text-decoration</i> :none} <i class="pre-selector-tag"> a</i><i class="pre-selector-pseudo"> :hover</i> {<i class="pre-attribute"> opacity</i> :.<i class="pre-number"> 9</i> ;<i class="pre-attribute"> transition</i> :opacity .<i class="pre-number"> 1s</i> } <i class="pre-punctuation"> {</i><i class="pre-attr"> "@context"</i><i class="pre-punctuation"> :</i><i class="pre-string"> "https://schema.org"</i><i class="pre-punctuation"> ,</i><i class="pre-attr"> "@type"</i><i class="pre-punctuation"> :</i><i class="pre-string"> "WebSite"</i><i class="pre-punctuation"> ,</i><i class="pre-attr"> "url"</i><i class="pre-punctuation"> :</i><i class="pre-string"> "https://www.serkangundogdu.com.tr/"</i><i class="pre-punctuation"> ,</i><i class="pre-attr"> "name"</i><i class="pre-punctuation"> :</i><i class="pre-string"> "Serkan Gündoğdu"</i><i class="pre-punctuation"> ,</i><i class="pre-attr"> "alternateName"</i><i class="pre-punctuation"> :</i><i class="pre-string"> "Serkan Gündoğdu"</i><i class="pre-punctuation"> ,</i><i class="pre-attr"> "potentialAction"…