HTML teg ta'rifi

by Jennifer Kyrnin

HTML teglar haqida bilishingiz kerak bo'lgan narsalar

HTML - Internetning tili. Sizning kompyuteringiz yoki telefoningiz orqali ko'rgan veb-sahifalar, shu jumladan, "Hypertext Markup Language" da "HTML teglari" deb nomlanuvchi so'zlardan foydalaniladi. HTMLni veb-sahifaning strukturasini boshqaradigan "past-kalta kod" deb o'ylashingiz mumkin.

Nihoyat, siz yangi tilni o'rganganingizda, siz oddiy iboralar bilan boshlaysiz va u erda qurishingiz mumkin. HTML haqida o'rganish hech qanday farq qilmaydi. Siz umumiy HTML teglarini o'zlashtirasiz. Bu og'zaki tilda "oddiy iboralar" ni o'rganishga tengdir. Ushbu iboralar sizning bilimlaringiz va nutqingizni yaratadigan konkret bo'lib qoladi, xuddi HTML teglari sizning veb-ishlab chiquvchilaringizning ko'nikmalarini yaratadigan asosdir.

HTML kirish formati

HTML tegini tanib olishingiz mumkin, chunki u belgilarining boshida va oxirida belgilar bilan o'ralgan. Ushbu ikkita belgi orasida HTML tagining qaysi turi yozilganligini aniqlaydigan boshqa matn bo'ladi. Misol uchun, agar "hr" gorizontal qoidalar (yoki chiziq) degan ma'noni anglatadigan bo'lsa, buni HTML yorlig'i uchun yozasiz:

Siz faqat veb-sahifada gorizontal qoidalarni jalb qiladigan HTML yorlig'i yozgansiz.

Ko'pgina HTML teglari juft bo'lib keladi. Ular matn tarkibining boshida va oxirida joylashtirilgan kontentni belgilash uchun joylashtiriladi. Ushbu yorliq jufti HTML elementini tashkil qiladi . Buni bilganingizda va matnni qalin qilish uchun kirish va yopish belgilaridir, siz HTML teglarining veb-sahifadagi matn ko'rinishini qanday ta'sirlanishini tushunasiz.

Ushbu jumla teglar tufayli qalin ko'rinadi.

E'tibor bering, yopishtiruvchi kuchli yorliq ("kuchli diqqat" va "sukut" sifatida matnni qalin qilib ko'rsatadigan) ochiq-oydin qalin yorlig'i bilan bir xil bo'ladi, bundan tashqari bu tegda chiziqni o'z ichiga oladi. HTML teglar: ochilish yorlig'i va yopilish teglari bir xil bo'lib, birinchi
HTML teglar tarkibi
HTML teglari tez-tez birgalikda ishlatiladi. Belgilangan (kursiv) matn uchun ochish va yopish teglari va . Kursiv belgilarni bitta-bitta so'zga qo'shib qo'yish uchun barcha-qalin jumla namunasi so'zning paydo bo'lishiga sabab bo'ladi va veb-sahifada qalin va kursiv bo'ladi.

Ushbu jumla teglar tufayli qalin ko'rinadi.

Bir nechta teglar birgalikda veb-sahifaning bir qismida ishlatiladi va ba'zi teglar boshqalarning ichiga kirsa, ular ichki HTML teglari deb ataladi. Eslatib o'tamiz, taglavhalar tagidagi yozuvlar yopiq bo'lishi kerak. Ushbu misolga qarang:

Bu ma'lum bir sabab uchun ta'kidladi .
yorlig'i
ichida ochilganini bilib olishingiz kerak, ya'ni yopish yorlig'i paydo bo'lishidan oldin uni yopish kerak degan ma'noni anglatadi. Boshqa qutilar ichidagi qutilar kabi ichki teglar haqida o'ylang. Ichki qutilar tashqi ko'rinishidan oldin yopiq bo'lishi kerak, qutilari bor.

HTML teglari va veb-sahifalar
Joriy HTML-da o'nlab HTML teglar mavjud. Ba'zi HTML teglari xatboshilar kabi juda oddiy, asosiy elementlarni belgilaydi, boshqalari esa murakkabroq va qo'shimcha funksionallik, masalan, "bog'lash" yoki "bog'lash" belgilaridir. HTML teglar ro'yxati ko'p funksiyalarning teglarini veb-sahifada teglar yordamida amalga oshirishi mumkin bo'lgan rasmni beradi.

Barcha veb-sahifalardan talab qilinadigan ba'zi teglar ham mavjud. Birinchi sahifani yaratganingizda, veb-sahifani boshlaydigan yorlig'ini ishlatasiz; brauzerning brauzer xonasining yuqori qismida ko'rsatilishini va ni bildiradigan . </p> <p> HTML teglar ro'yxati siz HTML treningidan o'tmaguningizcha ko'p yordam bermaydi, biroq keyin siz o'z veb-sahifangizni yaratish uchun HTML tegidan foydalanishingiz mumkin. Bitta eslatma, mumkin bo'lgan HTML teglar soni bilan chalg'itmang. Foydalanishga imkon beradigan yuzlab teglar mavjud bo'lsa-da, haqiqat shundan iboratki, siz ulardan bir nechtasini qayta-qayta ishlatishingiz mumkin. Darhaqiqat, mening o'n yilliklar davomida veb-dizayn ishlarida hech qachon foydalanmaganim uchun ba'zi HTML teglar mavjud! </p> <h3> Taqiqlangan teglar </h3><p> <a href="https://uz.eyewated.com/html-5-reference-html-5-tags-alifbo-tartibida/">HTML5</a> joriy formatlash standarti. HTML'ning oldingi versiyalarida ishlatiladigan ba'zi teglar hozir HTML5 formatidagi jadvallar bo'yicha ko'rib chiqiladi. Eskirgan HTML teglari HTML spetsifikatsiyalaridan olib tashlandi. Hech qanday eskirgan teglardan foydalanish yaxshi emas. </p> <p> Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 5/2/17 sanada tahrirlangan </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/word-hujjatlarini-html-ga-qanday-qilib-aylantirish-mumkin/"> <amp-img src="https://exse.eyewated.com/pict/aea5b69ee3ce2fdb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/word-hujjatlarini-html-ga-qanday-qilib-aylantirish-mumkin/">Word hujjatlarini HTML ga qanday qilib aylantirish mumkin</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/sharhga-izohlar/"> <amp-img src="https://exse.eyewated.com/pict/fbec9317d5d73059-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/sharhga-izohlar/">Sharhga izohlar</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html-iframalari-va-ramkalardagi-havolalarni-yonaltirish/">HTML iframalari va ramkalardagi havolalarni yo'naltirish</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ispan-tilidagi-belgilar-uchun-html-kodlari/"> <amp-img src="https://exse.eyewated.com/pict/0a2704c9278133fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ispan-tilidagi-belgilar-uchun-html-kodlari/">Ispan tilidagi belgilar uchun HTML kodlari</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/sgml-html-va-xml-ortasidagi-munosabatlar/"> <amp-img src="https://exse.eyewated.com/pict/7a7d935e524b3387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/sgml-html-va-xml-ortasidagi-munosabatlar/">SGML, HTML va XML o'rtasidagi munosabatlar</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/coffeecup-free-html-tahrirlovchisi-profili/"> <amp-img src="https://exse.eyewated.com/pict/ef0cec6da7ed345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/coffeecup-free-html-tahrirlovchisi-profili/">CoffeeCup Free HTML tahrirlovchisi profili</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/linux-va-unix-uchun-html-va-xml-tahrirlovchisi/"> <amp-img src="https://exse.eyewated.com/pict/50580a284b573169-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/linux-va-unix-uchun-html-va-xml-tahrirlovchisi/">Linux va Unix uchun HTML va XML tahrirlovchisi</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/google-chromeda-html-manbasini-qanday-korish-kerak/"> <amp-img src="https://exse.eyewated.com/pict/adff2724bc843500-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/google-chromeda-html-manbasini-qanday-korish-kerak/">Google Chrome'da HTML manbasini qanday ko'rish kerak</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/html-5-da-yangiliklar/"> <amp-img src="https://exse.eyewated.com/pict/149adc95c70741f1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html-5-da-yangiliklar/">HTML 5-da yangiliklar</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/asosiy-tarmoq-nima/"> <amp-img src="https://exse.eyewated.com/pict/d368e8d791eb34d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/asosiy-tarmoq-nima/">Asosiy tarmoq nima?</a></h3> <div class="amp-related-meta"> Antivirus </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/excelda-ish-stoli-va-tabelalar-ortasida-qanday-harakatlanish-mumkin/"> <amp-img src="https://exse.eyewated.com/pict/b24ee0330ab1359e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/excelda-ish-stoli-va-tabelalar-ortasida-qanday-harakatlanish-mumkin/">Excelda ish stoli va tabelalar o'rtasida qanday harakatlanish mumkin</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/aircard-nima/"> <amp-img src="https://exse.eyewated.com/pict/66e99aa3478c3470-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/aircard-nima/">AirCard nima?</a></h3> <div class="amp-related-meta"> Internet va tarmoq </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/2018-yilda-sotib-olinadigan-7-ta-eng-yaxshi-ovozli-datchik/">2018 yilda sotib olinadigan 7 ta eng yaxshi ovozli datchik</a></h3> <div class="amp-related-meta"> Qo'llanmalar xarid qilish </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ipad-vidjet-nima-qanday-qilib-ornataman/"> <amp-img src="https://exse.eyewated.com/pict/b048cc389889322d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ipad-vidjet-nima-qanday-qilib-ornataman/">IPad vidjet nima? Qanday qilib o'rnataman?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/rpt-fayl-nima/"> <amp-img src="https://exse.eyewated.com/pict/c469c2e5ee32310b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/rpt-fayl-nima/">RPT fayl nima?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/savol-va-javoblar-raqamli-kabelni-radio-chastotasi-modulyatori-orqali-televizorga-ulash/"> <amp-img src="https://exse.eyewated.com/pict/70dfbda55bbc35da-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/savol-va-javoblar-raqamli-kabelni-radio-chastotasi-modulyatori-orqali-televizorga-ulash/">Savol va javoblar: Raqamli kabelni radio chastotasi modulyatori orqali televizorga ulash</a></h3> <div class="amp-related-meta"> Uy teatri </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/open-office-calc-da-ustunlar-yoki-raqamlar-satrlarini-qoshish/"> <amp-img src="https://exse.eyewated.com/pict/039abfe7e5b63d20-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/open-office-calc-da-ustunlar-yoki-raqamlar-satrlarini-qoshish/">Open Office Calc-da ustunlar yoki raqamlar satrlarini qo'shish</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ios-uchun-chromeda-standart-qidirish-mexanizmini-qanday-ozgartirish-mumkin/"> <amp-img src="https://exse.eyewated.com/pict/2ba215bd4b6b3439-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ios-uchun-chromeda-standart-qidirish-mexanizmini-qanday-ozgartirish-mumkin/">IOS uchun Chrome'da standart qidirish mexanizmini qanday o'zgartirish mumkin</a></h3> <div class="amp-related-meta"> Brauzerlar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/iphoneni-chiroq-sifatida-qanday-ishlatish-kerak/"> <amp-img src="https://exse.eyewated.com/pict/9cc7a7d2ddaa34e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/iphoneni-chiroq-sifatida-qanday-ishlatish-kerak/">IPhoneni chiroq sifatida qanday ishlatish kerak</a></h3> <div class="amp-related-meta"> IPhone va iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/windows-10-da-linux-uslubi-virtual-ish-joylarini-qanday-ishlatish-kerak/"> <amp-img src="https://exse.eyewated.com/pict/ad4140fe9d48345b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/windows-10-da-linux-uslubi-virtual-ish-joylarini-qanday-ishlatish-kerak/">Windows 10 da Linux uslubi virtual ish joylarini qanday ishlatish kerak</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/lehim-turlari/"> <amp-img src="https://exse.eyewated.com/pict/ed0a586581662f8a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/lehim-turlari/">Lehim turlari</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/eng-yaxshi-ipad-trivia-oyinlari/"> <amp-img src="https://exse.eyewated.com/pict/86556a6c894d309a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/eng-yaxshi-ipad-trivia-oyinlari/">Eng yaxshi iPad Trivia o'yinlari</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot va ilovalar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/6-kishini-topish-uchun-foydalanishingiz-mumkin-qidirish-motorlar/"> <amp-img src="https://exse.eyewated.com/pict/690f6271caf63390-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/6-kishini-topish-uchun-foydalanishingiz-mumkin-qidirish-motorlar/">6 kishini topish uchun foydalanishingiz mumkin qidirish motorlar</a></h3> <div class="amp-related-meta"> Veb & qidiruv </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ommaviy-standalone-rendering-echimlar-royxati/"> <amp-img src="https://exse.eyewated.com/pict/0de81d37655033a5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ommaviy-standalone-rendering-echimlar-royxati/">Ommaviy Standalone Rendering echimlar ro'yxati</a></h3> <div class="amp-related-meta"> Yangi va keyingi </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/yahoo-mail-dagi-faqat-muhim-mailni-korish-uchun-filtrlardan-foydalanishni-organing/"> <amp-img src="https://exse.eyewated.com/pict/0c33bb6c4a3a321e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/yahoo-mail-dagi-faqat-muhim-mailni-korish-uchun-filtrlardan-foydalanishni-organing/">Yahoo Mail-dagi Faqat Muhim Mailni ko'rish uchun filtrlardan foydalanishni o'rganing</a></h3> <div class="amp-related-meta"> Email va xabarlar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/taqvimingizni-google-yordamchisiga-sinxronlashtirish/"> <amp-img src="https://exse.eyewated.com/pict/24ba96e7d31d3508-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/taqvimingizni-google-yordamchisiga-sinxronlashtirish/">Taqvimingizni Google yordamchisiga sinxronlashtirish</a></h3> <div class="amp-related-meta"> Yangi va keyingi </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/fotoshop-elementlarida-fotoslarga-qor-qoshish/"> <amp-img src="https://exse.eyewated.com/pict/b6e82401718c3410-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/fotoshop-elementlarida-fotoslarga-qor-qoshish/">Fotoshop elementlarida fotoslarga qor qo'shish</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/internet-explorer-qanday-yangilanadi/"> <amp-img src="https://exse.eyewated.com/pict/db2f20704be43567-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/internet-explorer-qanday-yangilanadi/">Internet Explorer qanday yangilanadi</a></h3> <div class="amp-related-meta"> Internet va tarmoq </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ps2-uchun-2-jahon-urushi-va-sirlari/"> <amp-img src="https://exse.eyewated.com/pict/2f137c74926a33e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ps2-uchun-2-jahon-urushi-va-sirlari/">PS2 uchun 2-jahon urushi va sirlari</a></h3> <div class="amp-related-meta"> O'yin </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/windows-live-hotmail-kelgan-qutisidagi-tartiblash-tartibini-qanday-ozgartirish-mumkin/"> <amp-img src="https://exse.eyewated.com/pict/33322c17e6693e77-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/windows-live-hotmail-kelgan-qutisidagi-tartiblash-tartibini-qanday-ozgartirish-mumkin/">Windows Live Hotmail kelgan qutisidagi tartiblash tartibini qanday o'zgartirish mumkin</a></h3> <div class="amp-related-meta"> Email va xabarlar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/apple-homepod-aqlli-karnay-seriyasiga-qarash/"> <amp-img src="https://exse.eyewated.com/pict/3b85c949616031d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/apple-homepod-aqlli-karnay-seriyasiga-qarash/">Apple HomePod: aqlli karnay seriyasiga qarash</a></h3> <div class="amp-related-meta"> Qo'llanmalar xarid qilish </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 uz.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>