Зертханалық жұмыс №10



жүктеу/скачать 42,88 Kb.
бет4/4
Дата19.05.2022
өлшемі42,88 Kb.
#144023
1   2   3   4
Байланысты:
Зертханалық жұмыс Веб

Зертханалық жұмыс №13


Тақырыбы: Тізімдер.
Жұмыстың мақсаты: HTML құжатына нөмірленген, нөмірленбеген тізімдерді және анықтау тізімін енгізуді үйрену.
Қысқаша теориялық мағлұматтар:
Тізімдер мәтінді құрудың маңызды құралы болып табылады және барлық тілдік таңбаларда пайдаланылады. HTML – тізімдерінің келесі түрлері бар:

  • нөмірленбеген тізім (реттелмеген, маркерленген);

  • нөмірленген тізім (реттелген);

  • анықтау тізімі;

  • енгізілген (ішкі) тізім.

Тізім тақырыбы міндетті элемент болып табылмайды, ол жұп тегінің көмегімен жасалады:
Тізім тақырыбы
Тізім мазмұны жеке жолдардан тұрады. Әрбір жол бір реттік тегпен белгіленеді
  • (List Item – тізім элементі), мысалы:
  • Тізім жолының мазмұны.

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

    UL қысқартуы аталған элементтің басқа атауынан туындайды: Unordered List – реттелмеген тізім.
    Үндеу бойынша маркерлер кішкентай қара дөңгелектер түрінде беріледі. Маркерлердің басқа түрлерін type атрибутының көмегімен орнатуға болады. Ол келесі мәндерге ие болуы мүмкін:
  • - қарайтылған дөңгелек нүкте;
  • - шеңбер;
  • - кішкентай қара шаршы.
    Тапсырма-1.
      элементін қолданып әртүрлі типті маркерленген тізімді құрыңыз.

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

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

      1. ...
        -         АНЫҚТАУ ТІЗІМІ (Definition List-тан қысқартылып алынған).

        • - анықталатын терминді белгілейтін тег (DT –Definition Term-нен қысқартылып алынған);

        • - термин анықтамасы берілетін тег.

      және
      тегтерінің арасында орналасқан мәтінді барузер термин ретінде қабылдайды. Ал,
      тегінен кейін жүретін мәтін термин анықтамасы болып саналып, беттің сол жақ абзацынан шегініспен бейнеленеді.
      Тақырыбы: WEB-беттегі графика.
      Жұмыстың мақсаты: Веб-бетке графикалық суреттерді кірістіруді, сурет айналасындағы шекараның өлшемі мен қалыңдығын беруді, фондық сурет орнатуды, суреттің асты мен үсті, оң жағы мен сол жағындағы бос орынның өлшемін анықтауды үйрену.
      Қысқаша теориялық мағлұматтар:
      Суретті орнату. (Элемент ).
      Бұл элемент құжат денесіне графикалық сурет орнату үшін пайдаланылады. Графикалық сурет дегеніміз: кішкентай пиктограммалар, суреттер, графикалық объектілері мен сурет карталары. Олар браузер терезесінің үлкен орнын алуы мүмкін. Web- беттегі суретті орнату жолы өте қарапайым және тегінің көмегімен орнатылады, ол BODY элементінің кез келген жерінде орналасуы мүмкін.
      Сонымен қатар, сурет адресі src атрибутының мәнімен беріледі (атауы source – көзі (источник) сөзінен шыққан). Аталған атрибут тегіндегі міндетті атрибуттардың қатарына жатады.
      SRC="picture.gif">
      Графикалық файлдар бетті сипаттайтын HTML файлының орналасқан бумасында орналасуы тиіс екендігін естен шығармау керек. Web-тегі графика, әдетте үш форматта таралады: GIF, JPG, PNG.

      жүктеу/скачать 42,88 Kb.

      Достарыңызбен бөлісу:
    • 1   2   3   4



    ©engime.org 2024
    әкімшілігінің қараңыз
        Басты бет