Сабақтың тақырыбы: Тізімдер

1. . . .

   - МАРКЕРЛЕНГЕН ТІЗІМ

Үндеу бойынша маркерлер кішкентай қара дөңгелектер түрінде беріледі. Маркерлердің басқа түрлерін type атрибутының көмегімен орнатуға болады. Ол келесі мәндерге ие болуы мүмкін:

элементін қолданып әртүрлі типті маркерленген тізімді құрыңыз.



Файлды веб51.html атауымен өз бумаңызда сақтаңыз. Сонда сізде



келесі 5.1-суретіндегідей шығуы керек:



Сурет-1.5.1.




2. . . .

   - НӨМІРЛЕНГЕН ТІЗІМ.


OL қысқартуы Ordered List – реттелген тізім дегенді білдіреді.

Type атрибутының көмегімен нөмірленудің басқа түрін қолдануға болады.


• - маркерді бас әріптер түрінде орнатады (A, B, C …);
  
  
• - маркерді кішкентай әріптер түрінде орнатады (a, b, c …);
  
  
• - маркерді үлкен рим сандары түрінде орнатады (I, II, III …);
  
  
• - маркерді кішкентай рим сандары түрінде орнатады (i, ii,…);
  
  
• - маркерді араб сандары түрінде орнатады (1, 2, 3 …). Тапсырма-2. <ОL> элементін қолданып, әртүрлі нөмірленген типті нөмірленген тізімді құрыңыз.
  
  

  Файлды веб52.html атауымен өз бумаңызда сақтаңыз. Файлды кез

  
  
  келген браузермен ашыңыз, сонда сізде келесі 1.5.2-суретіндегідей шығуы керек:
  
  

  Сурет-1.5.2.

  
  
  3. 
     

     ...

     - АНЫҚТАУ ТІЗІМІ (Definition List-тан қысқартылып алынған).
     
     • 
       
       - анықталатын терминді белгілейтін тег (DT –Definition Term-нен қысқартылып алынған);
       

       
       

       - термин анықтамасы берілетін тег.
       
  
  
  және
  тегтерінің арасында орналасқан мәтінді барузер термин ретінде қабылдайды. Ал,
  тегінен кейін жүретін мәтін термин анықтамасы болып саналып, беттің сол жақ абзацынан шегініспен бейнеленеді.
  
  Тапсырма-3.

  элементін қолданып, анықтау тізімін құрыңыз.
  
  

  Файлды веб53.html атауымен өз бумаңызда сақтаңыз. Файлды кез келген браузермен ашыңыз, сонда сізде келесі 1.5.3-суретіндегідей шығуы керек:

  
  
  

  Сурет-1.5.3.

  
  
  Ішкі тізімдерде тізімдерді бірінің ішіне бірін кірістіріп жазуға болады. Тапсырма-4. Тізімдерді құру элементтерін қолданып, ішкі тізімді құрыңыз.
  
  

  Файлды веб54.html атауымен өз бумаңызда сақтаңыз. Файлды кез келген браузермен ашыңыз, сонда сізде келесі 1.5.4-суретіндегідей шығуы керек:

  
  
  

  Сурет-1.5.4.

  
  

  ТАПСЫРМА

  
  «АС МӘЗІРІ» жобасы. Қарастырылған тегтер мен атрибуттарды қолданып, келесі суреттегідей бір күннің ас мәзірін құрыңыз. Құжатты өз бетіңізше безендіріңіз.
  
  
  

  Бақылау сұрақтары:

  1. 
     Тізім деген не?
     
  2. 
     Тізімдердің қандай түрлері бар?
     
  3. 
     Нөмірлеудің түрлерін қай атрибут арқылы беруге болады?
     
  4. 
     Ішкі тізімдер қалай құрылады?
     

  
  
  жүктеу/скачать 124,84 Kb.
  
  Достарыңызбен бөлісу: