{"id":6879,"date":"2020-05-11T00:56:00","date_gmt":"2020-05-10T21:56:00","guid":{"rendered":"https:\/\/www.kampuskod.com\/?p=6879"},"modified":"2020-05-11T03:08:09","modified_gmt":"2020-05-11T00:08:09","slug":"html-dersleri-11-html-ul-ve-ol-etiketleri-html5-egitimleri","status":"publish","type":"post","link":"https:\/\/www.kampuskod.com\/yazilim\/html5\/html-dersleri-11-html-ul-ve-ol-etiketleri-html5-egitimleri\/","title":{"rendered":"Html Dersleri 11. Html ul ve ol etiketleri. Html5 E\u011fitimleri"},"content":{"rendered":"\n

Bu b\u00f6l\u00fcmde s\u0131ral\u0131 ve s\u0131ras\u0131z listeleme elamanlar\u0131ndan bahsedece\u011fiz. <ol> etiketi kullan\u0131larak olu\u015fturulan listeler s\u0131ral\u0131 listelerdir. S\u0131ralamaler 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 liste etiketi<\/h2>\n\n\n\n

ol etiketi \u00f6rnek:<\/p>\n\n\n\n

  \t<!-- Html Listeler ol -->\n  \t<ol type=\"1\" start=\"5\">\n  \t\t<li><a href=\"#\">Kahve<\/a><\/li>\n  \t\t<li><a href=\"#\">\u00c7ay<\/a><\/li>\n  \t\t<li><a href=\"#\">S\u00fct<\/a><\/li>\n  \t<\/ol>\n\n  \t<ol type=\"A\" start=\"5\">\n  \t\t<li><a href=\"#\">Kahve<\/a><\/li>\n  \t\t<li><a href=\"#\">\u00c7ay<\/a><\/li>\n  \t\t<li><a href=\"#\">S\u00fct<\/a><\/li>\n  \t<\/ol>\n\n  \t<ol type=\"a\">\n  \t\t<li><a href=\"#\">Kahve<\/a><\/li>\n  \t\t<li><a href=\"#\">\u00c7ay<\/a><\/li>\n  \t\t<li><a href=\"#\">S\u00fct<\/a><\/li>\n  \t<\/ol>\n\n  \t<ol type=\"I\">\n  \t\t<li><a href=\"#\">Kahve<\/a><\/li>\n  \t\t<li><a href=\"#\">\u00c7ay<\/a><\/li>\n  \t\t<li><a href=\"#\">S\u00fct<\/a><\/li>\n  \t<\/ol><\/code><\/pre>\n\n\n\n
Yukar\u0131daki ol s\u0131ral\u0131 liste \u00f6rneklerinin g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n\n\n\n
\"html
html ol s\u0131ral\u0131 liste etiketi<\/figcaption><\/figure>\n\n\n\n
Html <ul> s\u0131ras\u0131z liste etiketi<\/h2>\n\n\n\n
ul etiketi \u00f6rnek:<\/p>\n\n\n\n
  \t<!-- Html Listeler ul -->\n  \t<ul style=\"list-style-type: none;\">\n  \t\t<li><a href=\"#\"> Kahve <\/a><\/li>\n  \t\t<li>\u00c7ay<\/li>\n  \t\t<li>S\u00fct<\/li>\n  \t<\/ul>\n\n  \t<ul style=\"list-style-type: disc;\">\n  \t\t<li><a href=\"#\"> Kahve <\/a><\/li>\n  \t\t<li>\u00c7ay<\/li>\n  \t\t<li>S\u00fct<\/li>\n  \t<\/ul>\n\n  \t<ul style=\"list-style-type: circle;\">\n  \t\t<li><a href=\"#\"> Kahve <\/a><\/li>\n  \t\t<li>\u00c7ay<\/li>\n  \t\t<li>S\u00fct<\/li>\n  \t<\/ul>\n\n  \t<ul style=\"list-style-type: square;\">\n  \t\t<li><a href=\"#\"> Kahve <\/a><\/li>\n  \t\t<li>\u00c7ay<\/li>\n  \t\t<li>S\u00fct<\/li>\n  \t<\/ul><\/code><\/pre>\n\n\n\n
Yukar\u0131daki ul s\u0131ras\u0131z liste \u00f6rneklerinin g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n\n\n\n
\"html
html ul s\u0131ras\u0131z liste etiketi<\/figcaption><\/figure>\n\n\n\n
Html ul ve ol etiketleri e\u011fitim videosu<\/h2>\n\n\n\n
\n