HTML’i 2 Dakikada \u00d6\u011frenin!<\/p>\n
Merhaba! Ben Fatih Soysal ve bu makalede, HTML’i h\u0131zl\u0131ca \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. \u0130\u015fte temel yap\u0131 ta\u015flar\u0131:<\/p>\n
Her HTML belgesi \u0130\u015fte web sayfan\u0131z\u0131 olu\u015fturmak i\u00e7in kullanaca\u011f\u0131n\u0131z baz\u0131 temel etiketler:<\/p>\n Bu etiketleri kullanarak, metin, resim ve ba\u011flant\u0131lar i\u00e7eren basit bir web sayfas\u0131 olu\u015fturabilirsiniz. Daha geli\u015fmi\u015f \u00f6zellikler i\u00e7in CSS ve JavaScript \u00f6\u011frenmeniz gerekecektir. Ancak, bu temel bilgilerle bile olduk\u00e7a etkileyici web sayfalar\u0131 olu\u015fturabilirsiniz. \u00d6rne\u011fin, a\u015fa\u011f\u0131da basit bir HTML \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n \u0130\u015fte bu kadar! Umar\u0131m bu h\u0131zl\u0131 rehber, HTML’in temellerini anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha detayl\u0131 bilgi i\u00e7in W3Schools<\/a> sitesini ziyaret edebilirsiniz. Ayr\u0131ca, daha kapsaml\u0131 bilgiler i\u00e7in fatihsoysal.com<\/a> sitesini inceleyebilirsiniz. Ba\u015far\u0131lar!<\/p>\n #Etiketler: HTML, web geli\u015ftirme, html \u00f6\u011frenme, h\u0131zl\u0131 rehber, web sitesi yap\u0131m\u0131, etiketler, paragraf, ba\u015fl\u0131k, ba\u011flant\u0131, resim<html><\/code> etiketiyle ba\u015flar ve biter. \u0130\u00e7erisinde <head><\/code> ve <body><\/code> olmak \u00fczere iki ana b\u00f6l\u00fcm bulunur. <head><\/code> b\u00f6l\u00fcm\u00fc, ba\u015fl\u0131k, meta veriler ve stil bilgileri gibi g\u00f6r\u00fcnmeyen i\u00e7eri\u011fi ta\u015f\u0131r. \u00d6te yandan, <body><\/code> b\u00f6l\u00fcm\u00fc, kullan\u0131c\u0131n\u0131n g\u00f6rd\u00fc\u011f\u00fc i\u00e7eri\u011fi bar\u0131nd\u0131r\u0131r. <\/p>\n\n<html>\n<head>\n <title>Ba\u015fl\u0131k<\/title>\n<\/head>\n<body>\n <p>Bu bir paragraft\u0131r.<\/p>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u00d6nemli Etiketler<\/h2>\n
\n
<p><\/code>: Paragraf olu\u015fturur.<\/li>\n<h1><\/code> – <h6><\/code>: Ba\u015fl\u0131klar olu\u015fturur (<h1><\/code> en b\u00fcy\u00fck, <h6><\/code> en k\u00fc\u00e7\u00fck ba\u015fl\u0131kt\u0131r).<\/li>\n<a href=\"https:\/\/fatihsoysal.com\"><\/code>: Ba\u011flant\u0131 olu\u015fturur (href<\/code> \u00f6zelli\u011fi ba\u011flant\u0131 adresini belirtir).<\/li>\n<img src=\"resim.jpg\" alt=\"Resim A\u00e7\u0131klamas\u0131\"><\/code>: Resim ekler (src<\/code> \u00f6zelli\u011fi resim dosyas\u0131n\u0131n adresini, alt<\/code> \u00f6zelli\u011fi ise resim a\u00e7\u0131klamas\u0131n\u0131 belirtir).<\/li>\n<br><\/code>: Sat\u0131r sonu olu\u015fturur.<\/li>\n<div><\/code>: \u0130\u00e7eri\u011fi grupland\u0131rmak i\u00e7in kullan\u0131l\u0131r.<\/li>\n<span><\/code>: \u0130\u00e7eri\u011fin k\u00fc\u00e7\u00fck bir b\u00f6l\u00fcm\u00fcn\u00fc stillemek i\u00e7in kullan\u0131l\u0131r.<\/li>\n<\/ul>\n\n<html>\n<head>\n <title>\u00d6rnek Web Sayfas\u0131<\/title>\n<\/head>\n<body>\n <h1>Ho\u015f Geldiniz!<\/h1>\n <p>Bu benim ilk web sayfam.<\/p>\n <img src=\"https:\/\/via.placeholder.com\/150\" alt=\"\u00d6rnek Resim\">\n <a href=\"https:\/\/www.w3schools.com\">W3Schools<\/a>\n<\/body>\n<\/html>\n<\/code><\/pre>\n
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"HTML’i 2 Dakikada \u00d6\u011frenin! Merhaba! Ben Fatih Soysal ve bu makalede, HTML’i h\u0131zl\u0131ca \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. \u0130\u015fte temel…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-19077","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n