• Эслатма: lt ўрнида LT дан фойдаланиш мумкин эмас. м аркирланган рўйхат.
  • Рақамланган рўйхат.
  • Қўшилган (аралаш) рўйхатлар.
  • Тахрирлашнинг муаллиф услуби.
  • Форматлашнинг физик услуби.
  • қалин харф қалин харф
  • аралаш ёзув натижада экранда қуйидаги кўриниш хосил бўлади: аралаш ёзув
  • Назорат учун саволлар
  • Ызбекистон Республикаси




    Download 1.31 Mb.
    bet9/12
    Sana06.03.2024
    Hajmi1.31 Mb.
    #168190
    1   ...   4   5   6   7   8   9   10   11   12
    Bog'liq
    maruzalar matni web texnologiya 2007
    8-mavzu. Qish. R T, PEDAGOGIK TEXNOLOGIYALARNI LOYIXALASHTIRISH VA REJALASHTIRISH, 6 - mavzu. O\'quv animatsion roliklar tayyorlash dasturlari bilan ishlash, Пахта хом ашёсини сақлаш ва қайта ишлаш (3), 6-amaliyot, Ta\'limda AT1 2021-(TS va MG), jadval Qudratov Alijon, Бухгалтерия Ўқув қўлланмаси 2021 1С, O\'rinova Shahlo ij, 4.9-шакл. ОАК (2), ANNOTATSIYA, Amirillayeva, 1-MA\'RUZA, 5.амалий, Html Haqida Qullanma copy
    махсус белгилар.
    <, >, &, ” – белгилари HTML да форматлаш белгилари сифатидаги асосий қийматга эга. Лекин, баъзан бу белгилардан ўз белгимиз сифатида ишлатишимизга тўғри келиб қолади. Уларни матнда хосил қилиш учун қуйидагилардан фойдаланилади:
    < - <
    > - >
    & - &
    " – “ (қўштирноқ)
    шунингдек ихтиёрий миқдордаги пробелларни   дан фойдаланиб қўйиш мумкин.
    Қуйидаги жадвалда баъзи белгиларни ифодалашлар берилган:



    Белги коди

    натижа

    Белги коди

    натижа

    Белги коди

    натижа


    167;

    §










    ©

    ©










    ®

    ®










    °

    °










    «

    «










    »

    »





    ±

    ±



    Эслатма: &lt ўрнида &LT дан фойдаланиш мумкин эмас.


    маркирланган рўйхат.
    HTML тилида маркерли рўйхатни ташкил қилиш учун қуйидаги теглардан фойдаланилади:
    • олмалар
    • бананлар<UL>

      • олмалар

      • бананлар

      рўйхатдаги хар бир сатр
    • теги билан ажратиб ёзилади. Ёпилувчи сатрли <LI> тегларни ёзиш шарт эмас, лекин қоида бўйича ёзилиши керак.


      Рақамланган рўйхат.
      1. нексия
      2. тико<OL> ифода экранда қуйидаги натижани беради:

        1. нексия

        2. тико

        Бундай рўйхатларни браузер автоматик номерлайди. Ёпилувчи сатрли <LI> тегларни ёзиш шарт эмас, лекин қоида бўйича ёзилиши керак.





        Форматлашнинг барча усулларини аралаш холатда ёзилган бирор мисол ёзинг. Изохлаб беринг.



        Қўшилган (аралаш) рўйхатлар.
        Юқорида кўриб ўтилган рўйхатлар бир-бирига аралашган холда хам учраши мумкин. У холда тегишли теглардан тартиб бўйича фойдаланилади. Қўйида кичик мисолнинг натижасини кўришимиз мумкин:
        1. Ўзбекистоннинг асосий шаҳарлари:
          • Тошкент
          • Наманган <UL>
          • Наманганнинг асосий шахарлари:
            • чуст
            • Поп


                1. Ўзбекистоннинг асосий шаҳарлари:

                  • Тошкент

                  • Наманган

                2. Наманганнинг асосий шахарлари:

                  • Чуст

                  • Поп

                Тахрирлашнинг муаллиф услуби.
                Хужжат матнларини қайтарилган пробеллар ва янги сатрга ўтишларни тузатган холда браузернинг ўзи бир шаклга туширади. Агар
                ...<pre> теглари қўлланилса барча пробеллар ўз ўрнида сақланиб қолади ва сатрлар HTML манба файлида қандай бўлса, шундайлигича қолади. 
                
                 да ишоратлардан ҳам фойдаланса бўлади. Бироқ 
                 билан ишлашда форматлашнинг бошқа услубларидан фойдаланишдан қочиш керак.
                


                Форматлашнинг физик услуби.
                Харфларнинг турли формат кўринишлари қуйидаги теглар ёрдамида аниқланади:



                Услуб

                Натижа

                қалин харф <b>

                қалин харф

                оғган харф <i>

                оғган харф

                устига чизилган <s>

                устига чизилган

                остига чизилган<u>

                Остига чизилган

                фиксирланган

                Фиксирланган

                юқори математик <sup>

                юқори математик

                қуйи математик <sub>

                қуйи математик

                катталаштирилган<big>

                катталаштирилган

                кичиклаштирилган<small>

                Кичиклаштирилган

                Форматлаш теглари бир-бирини ичида қўланилиши ҳам мумкин:


                аралаш ёзув<u><i><b>
                натижада экранда қуйидаги кўриниш хосил бўлади: аралаш ёзув


                сатрларни узилиши.

                тегидан фойдаланиб абзац ичида янги сатрга ўтишни таъминлаш мумкин:

                Наманган мухандислик
                педагогика институти <P> сатри экранда қуйидагини хосил қилади:



                Наманган мухандислик
                педагогика институти

                Браузердаги сатр узилишларини бекор қилиш учун ...<nobr> тегидан фойдаланилади.




                Назорат учун саволлар

                1. Хужжат боши деганда нимани тушунасиз?

                2. HTML да дастур ёзиш қоидаларини айтиб ўтинг.

                3. абзацларни ўрнатиш қайси теглар ёрдамида амалга оширилади?

                4. Махсус белгилар қандай усулда хосил қилинади?



                4-маъруза: Жадвал ташкил қилиш. Ранглар билан ишлаш. Фреймлар ташкил қилиш.


                FrontPage дастури жадваллар ҳосил қилиш имконини ҳам беради; жадвал қисмларини қўшиш, ячейкалар ҳосил қилиш, бирлаштириш ёки уларни бўлиш, ячейкаларни танлаш, қатор ва устунлар билан ишлаш каби амалларни жадвал (Table) (5-расм) менюсидан фойдаланиб амалга оширилади.



                5-расм. Жадвал «Таблица» менюси

                Бунда жадваллар билан ишлаш худди MsWord матн мухарриридагидек амалга оширилади. Жадвал ячейкаларининг орқа фон рангини ўзгартириш, расм қўйиш, жадвал чизиқ турини ўзгартириш имкониятлари ҳам мавжуд.


                Жадваллар билан ишлаш жараёнида унга янги устун, янги сатр қўшиш ҳамда белгиланган ячейкани бир нечта устун ва сатрларга бўлиш ҳам мумкин.
                Жадваллар ишлаш жараёнида жадвалнинг ҳар бир ячейкасига орқа фон ва жадвал чизиқларнинг рангларини ўзгартириш мумкин. Бунинг учун керакли ячейкага курсорни олиб келинади ва сичқончанинг ўнг тугмаси босилади. Натижада қуйидаги сузувчи меню ҳосил бўлади (6-расм).

                6-расм.Жадваллар билан ишлашда ҳосил қилинувчи сузувчи меню

                Ҳосил бўлган менюдан Cell Properties... буйруғи танланса қуйидагича мулоқот ойнаси ҳосил бўлади (7-расм).



                7-расм. Cell Properties мулоқот ойнаси

                Бу ойнадаги бажарилувчи операцияларнинг барчаси фақат битта ячейкагагина тегишли бўлади. Агар юқоридаги сузувчи менюда Table Properties.. буйруғи танланса ундаги операциялар бутунлай жадвал учун тегишли бўлиб ҳисобланади.


                Жадвал чизиқларининг рангини ўзгартириш Cell Properties (7-расм) мулоқот ойнасининг Custom Colors бўлимида амалга оширилади. Border майдонида чизиқ ранги танланади, Light Border ва Dark Border майдонларидан фойдаланиб ёрқин ва хира чизиқлар рангларини ҳам белгилаш мумкин.
                Жадваллар билан ишлаш HTML тилида қандай амалга оширилишини кўриб ўтайлик.
                Жадваллар HTML нинг ажойиб қисми хисобланади. Унча катта бўлмаган билимга эга бўлмай туриб хам сахифани проектлашда турли эффектларни хосил килиш мумкин. Жадвал ... <table> теглари орасида жойлашади.
                Масалан:

                Бу мисол
                оддий жадвал
                <TABLE>


    Download 1.31 Mb.
    1   ...   4   5   6   7   8   9   10   11   12




    Download 1.31 Mb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Ызбекистон Республикаси

    Download 1.31 Mb.