{"id":6884,"date":"2020-05-12T01:29:01","date_gmt":"2020-05-11T22:29:01","guid":{"rendered":"https:\/\/www.kampuskod.com\/?p=6884"},"modified":"2020-05-12T01:29:03","modified_gmt":"2020-05-11T22:29:03","slug":"html-dersleri-12-html-ul-ve-ol-etiketleri-ile-dikey-menu-yapisi","status":"publish","type":"post","link":"https:\/\/www.kampuskod.com\/yazilim\/html5\/html-dersleri-12-html-ul-ve-ol-etiketleri-ile-dikey-menu-yapisi\/","title":{"rendered":"Html Dersleri 12. Html ul ve ol etiketleri ile dikey men\u00fc yap\u0131s\u0131"},"content":{"rendered":"\n

Bu b\u00f6l\u00fcmde s\u0131ral\u0131 ve s\u0131ras\u0131z listeleme elamanlar\u0131 ile bir html men\u00fc yap\u0131s\u0131 nas\u0131l yap\u0131l\u0131yor bundan bahsedece\u011fiz. Bir \u00f6nceki dersten hat\u0131rlayacak olursak <ol> etiketi kullan\u0131larak olu\u015fturulan listeler s\u0131ral\u0131 listelerdir. S\u0131ralamalar say\u0131sal, alfabetik ya da romen rakamlar\u0131 ile yap\u0131labilir. <ul> etiketi ile olu\u015fturulan listelerde ise s\u0131ralama eleman\u0131 bir grafik sembold\u00fcr.<\/p>\n\n\n\n

Detaylar\u0131 anlamak i\u00e7in a\u015fa\u011f\u0131daki kodlar\u0131 inceleyebilir veya sayfan\u0131n alt\u0131nda bulunan e\u011fitim videosunu izleyebilirsininiz.<\/p>\n\n\n\n

html ol, s\u0131ral\u0131 listeleme etiketi ile men\u00fc yap\u0131s\u0131<\/h2>\n\n\n\n

\u00d6rnek html ol kodu<\/p>\n\n\n\n

  <ol>\n      <li><a href=\"#\">Anasayfa<\/a><\/li>\n      <li>\n          <a href=\"#\">Kurumsal<\/a>\n          <ul>\n              <li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li>\n              <li><a href=\"#\">Misyon & Vizyon<\/a><\/li>\n              <li><a href=\"#\">Kalitemiz<\/a><\/li>\n          <\/ul> \n      <\/li>\n      <li><a href=\"#\">Neden Biz<\/a><\/li>\n      <li><a href=\"#\">\u0130leti\u015fim<\/a><\/li>\n  <\/ol><\/code><\/pre>\n\n\n\n
Yukar\u0131daki ol s\u0131ral\u0131 liste mun\u00fc \u00f6rne\u011finin g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Html ul ve ol etiketleri ile dikey men\u00fc yap\u0131s\u0131 e\u011fitim videosu<\/h2>\n\n\n\n
\n