Мәтінді туралау тегтері




Презентация қосу
random – group – generator сайты арқылы

Топқа бөлу

https://www.classtools.net/random-group-generator/
«Brainstorming method» арқылы
Learningapps.org платформасында
үй тапсырмасын сұрау
Web программалау . HTML негіздері
https://learningapps.org/view23565767
Тегттер және оның қызметі

https://learningapps.org/view20025740
Тегттер және олардың мақсаты
https://learningapps.org/view23465427
Тегттер
https://learningapps.org/view20220976
HTML тілінің тегттері

https://learningapps.org/view28634232
Тегттердің негізгі қызметтерін табыңдар

https://learningapps.org/view23940649
15.01.2024 жыл

HTML – web сайттарын әзірлеу әдістері.
(3-сабақ)

Т М
Н L
Оқу мақсаты:
10.4.2.1. Web-парақшаларды әзірлеуде HTML
тегтерін қолдану.

Сабақтың мақсаты:
HTML тілінде құжаттарды құру және редакциялауды
үйрену. HTML құжаттың құрылымы мен HTML
элементтерін қолдану
Мәтінді форматтау тегтері
Физикалық форматтау тегтері Логикалық форматтау тегтері
қою қаріпті мәтін мәтіннің маңызды
фрагменті
курсивпен мәтін ерекшеленген мәтін
сызылып тасталған мәтін өшірілген, сызылып
тасталған мәтін

асты сызылған мәтін бұрын асты сызылмаған,
қосылған мәтін

Мәтінді форматтау тегтеріне мысалы:




Мәтінді форматтау тегтері


Мәтінді форматтау тегтері





Мұнда сіз біле аласыз:



Мәтінді форматтау тегтері нешеге бөлінеді?


Физикалық форматтау тегтері


Логикалық форматтау тегтері




HTML ТІЛІНДЕГІ НЕГІЗГІ ТЕГТЕР КЕСТЕСІ
Мəтінді форматтауға арналған тегтер

Жаңа параграф жасайды

Параграфты сәйкесінше құжаттың ыңғайлы жағына
теңестіреді, мәндері: left, right немесе center

Жолды түсіруге арналған тег

Мәтіннің екі жағынан да шегініс (отступ) береді

Анықтама тізімін жасайды
Тізімдегі терминдердің әрқайсысын анықтайды
Әрбір анықтаманы сипаттайды
Нөмірленген тізім жасайды
  • Тізімнің әрбір элементін анықтайды және оған нөмір
    береді
    Нөмірленбеген тізім жасайды
  • Тізімнің әрбір элементін анықтайды және оған
    дөңгелек немесе квадрат қосады
    HTML құжаттағы мәтіннің үлкен бөлігін форматтау
    үшін қолданылатын маңызды тег, сонымен қатар,
    стильдепрдегі кестелерде қолданылады
    Мәтінді туралау тегтері
    Тег Түсіндірмелер

    Абзац экранның сол жақ шеті бойынша
    тураланады

    Абзац экранның оң жақ шеті бойынша
    тураланады

    Абзац экранның ортасы бойынша
    тураланады

    Абзац экранның ені бойынша тураланады
    Браузер экранында ақпаратты көрсететін HTML құжат
    құрыңдар. Мәтінді туралау мысалы
    Web -бет құру үшін мәтіннің орналасу тегтерін
    пайдаланыңдар






    Cалеметсизбе



    Көңіл күй қалай :


    align =“center”> Как вы



    Ағылшын тіліндегі аудармасы:



    How are you




    Практикалық жұмыс «Progamm time» әдісі
    Абай Құнанбайұлының өмірбаяның сілтеме
    арқылы HTML тілінде мәтінін шығару



    Абай-175


    Абай
    Құнанбайұлы өмірбаяны


    Абай Құнанбайұлының "Қыс өлеңі"



    ПРАКТИКАЛЫҚ ТАПСЫРМА

    HTML тілінде мәтіннің, фонның түсін өзгертіп және нөмірленген тізімдер жасаймыз.



    Қаріпті өзгерту




    Қош келдіңіз!



    1. Бірінші қатар.
    2. Екінші қатар.
    3. Үшінші қатар


      Тізімдер
      түрлері

    1. Nomerlengen
    2. Markerlengen
    3. Anyktay



    HTML тілінде Абай Құнанбайұлының суретін шығару



    2-бет


    Абай Құнанбайұлының "Қыс" өлеңін көру
    үшін суреттің үстінен басыңыз




    СЕРГІТУ СӘТІ
    HTML құжатының құрылымына сәйкес етіп
    орналастырыңыздар




    құжат тақырыбы құжат<br> <head> тақырыбы
    </head><br> құжат денесі <body><br> <body> құжат денесі<br> <html> </body><br> </head> </html><br>Дискриптор:<br>- HTML құжатының құрылымына сәйкес етіп орналастырады<br> Сабақты бекіту<br>classtime.com платформасында оқушыларға тест сұрақтары<br> беріледі. Оқушылар сұрақтарға жауап береді.<br> Кері байланыс<br> Google forms платформасында оқушыларға кері<br> байланыс беріледі.<br><br>https://forms.gle/jerkJ9LZXJFhJhFx5<br> Үйге тапсырма<br> Мектеп атауы жазылған<br> мәтінмен мектеп суретін<br>көрсететін HTML құжатын<br> құрып сайт жасап келу.<br> </span> <br> <div class="text-center"><b>Ұқсас жұмыстар</b></div> <table class="table"> <tbody> <tr><td><a class='refLink' href='prezentatsiya/id/40694'>HTML программалау тілі</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/27782'>Практикалық тапсырма орындау</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/27478'>Пішімдеуге арналған пернелер комбинациялары</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/27756'>Ортаға туралау</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/28036'>Форматтауға арналған пернелер комбинациялары</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/22207'>Мәтіндік редактор. Мәтіндік редактормен жұмыс жасау</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/29139'>Менің алғашқы парағым</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/23083'>Microsoft office Word Мәтіндік редакторы. Терезе элементтері</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/29251'>Блокнот программасының Word Pad программасынан кемшілігі</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/21968'>Басқару элементтері туралы</a></td></tr> </tbody> </table> </div> <div class="col-lg-3"> <div class="headline"> <span class="headlineText g-pb-7">Пәндер</span> </div> <ul class="list-unstyled categories"> <li><a href="referat/lists/66/1">Іс жүргізу</a></li><li><a href="referat/lists/80/1">Автоматтандыру, Техника</a></li><li><a href="referat/lists/92/1">Алғашқы әскери дайындық</a></li><li><a href="referat/lists/88/1">Астрономия</a></li><li><a href="referat/lists/91/1">Ауыл шаруашылығы</a></li><li><a href="referat/lists/35/1">Банк ісі</a></li><li><a href="referat/lists/36/1">Бизнесті бағалау</a></li><li><a href="referat/lists/70/1">Биология</a></li><li><a href="referat/lists/37/1">Бухгалтерлік іс</a></li><li><a href="referat/lists/38/1">Валеология</a></li><li><a href="referat/lists/90/1">Ветеринария</a></li><li><a href="referat/lists/39/1">География</a></li><li><a href="referat/lists/40/1">Геология, Геофизика, Геодезия</a></li><li><a href="referat/lists/41/1">Дін</a></li><li><a href="referat/lists/71/1">Ет, сүт, шарап өнімдері</a></li><li><a href="referat/lists/42/1">Жалпы тарих</a></li><li><a href="referat/lists/72/1">Жер кадастрі, Жылжымайтын мүлік</a></li><li><a href="referat/lists/43/1">Журналистика</a></li><li><a href="referat/lists/1/1">Информатика</a></li><li><a href="referat/lists/44/1">Кеден ісі</a></li><li><a href="referat/lists/48/1">Маркетинг</a></li><li><a href="referat/lists/73/1">Математика, Геометрия</a></li><li><a href="referat/lists/50/1">Медицина</a></li><li><a href="referat/lists/74/1">Мемлекеттік басқару</a></li><li><a href="referat/lists/51/1">Менеджмент</a></li><li><a href="referat/lists/52/1">Мұнай, Газ</a></li><li><a href="referat/lists/75/1">Мұрағат ісі</a></li><li><a href="referat/lists/49/1">Мәдениеттану</a></li><li><a href="referat/lists/83/1">ОБЖ (Основы безопасности жизнедеятельности)</a></li><li><a href="referat/lists/54/1">Педагогика</a></li><li><a href="referat/lists/76/1">Полиграфия</a></li><li><a href="referat/lists/55/1">Психология</a></li><li><a href="referat/lists/57/1">Салық</a></li><li><a href="referat/lists/58/1">Саясаттану</a></li><li><a href="referat/lists/56/1">Сақтандыру</a></li><li><a href="referat/lists/59/1">Сертификаттау, стандарттау</a></li><li><a href="referat/lists/60/1">Социология, Демография</a></li><li><a href="referat/lists/85/1">Спорт</a></li><li><a href="referat/lists/61/1">Статистика</a></li><li><a href="referat/lists/78/1">Тілтану, Филология</a></li><li><a href="referat/lists/79/1">Тарихи тұлғалар</a></li><li><a href="referat/lists/77/1">Тау-кен ісі</a></li><li><a href="referat/lists/87/1">Транспорт</a></li><li><a href="referat/lists/62/1">Туризм</a></li><li><a href="referat/lists/63/1">Физика</a></li><li><a href="referat/lists/64/1">Философия</a></li><li><a href="referat/lists/82/1">Халықаралық қатынастар</a></li><li><a href="referat/lists/65/1">Химия</a></li><li><a href="referat/lists/67/1">Экология, Қоршаған ортаны қорғау</a></li><li><a href="referat/lists/68/1">Экономика</a></li><li><a href="referat/lists/81/1">Экономикалық география</a></li><li><a href="referat/lists/89/1">Электротехника</a></li><li><a href="referat/lists/45/1">Қазақстан тарихы</a></li><li><a href="referat/lists/46/1">Қаржы</a></li><li><a href="referat/lists/86/1">Құрылыс</a></li><li><a href="referat/lists/47/1">Құқық, Криминалистика</a></li><li><a href="referat/lists/69/1">Әдебиет</a></li><li><a href="referat/lists/53/1">Өнер, музыка</a></li><li><a href="referat/lists/84/1">Өнеркәсіп, Өндіріс</a></li> </ul> </div> </div> </div> <div class="g-bg-black-opacity-0_9 g-color-white-opacity-0_8 g-py-30"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6"> <p>Қазақ тілінде жазылған <a href="/Рефераттар">рефераттар</a>, <a href="/Курстық-жұмыстар">курстық жұмыстар</a>, <a href="/Дипломдық-жұмыстар">дипломдық жұмыстар</a> бойынша біздің қор #1 болып табылады.</p> <a href="https://play.google.com/store/apps/details?id=uz.smd.referatskz"> <img src="assets/img/google-play-badge.png" width="170" alt="google play"></a> <a class="btn btn-xs rounded-0" href="https://apps.apple.com/kz/app/stud-kz/id1602187453"> <img src="assets/img/appstore-badge.svg" width="150" alt="appstore"></a> <br><br> <img src="/assets/img/payment-icon/mastercard.svg" width="47" height="28" alt="MasterCard"> <img src="/assets/img/payment-icon/visa.svg" width="54" height="18" alt="Visa" style="margin-left: 20px;"> </div> <div class="col-lg-3 col-md-6"> <div class="g-brd-white-opacity-0_3 g-mb-25"> <h2 class="h6 text-uppercase g-brd-primary">Ақпарат</h2> </div> <nav class="text-uppercase1"> <ul class="list-unstyled g-mt-minus-10 mb-0"> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/about">Жоба жайлы</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="chatgpt">ChatGPT</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/lawAuthor">Авторлық құқық</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/lawUser">Қолдану шарты</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/cloudpayments">Төлем</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/buybase">База сатып аламыз</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/free">Тегін</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> </ul> </nav> </div> <div class="col-lg-3 col-md-6 g-mb-0--lg"> <div class="g-brd-white-opacity-0_3 g-mb-25"> <h2 class="h6 text-uppercase g-brd-primary">Қосымша</h2> </div> <nav class="text-uppercase1 g-mt-10"> <ul class="list-unstyled g-mt-minus-10 mb-0"> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="makal-matelder">Мақал-мәтелдер</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="zhanyltpashtar">Жаңылтпаштар</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="zhumbaktar">Жұмбақтар</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="feedback">Пікірлер</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="user/addfile"><i class="fa fa-upload"></i> Файл қосу</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="https://t.me/StudKZBot"><i class="fa fa-telegram"></i> Telegram</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="ru">На русском</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> </ul> </nav> </div> <div class="col-lg-3 col-md-6"> <address class="g-bg-no-repeat g-line-height-2 g-mt-minus-4" style="background-image: url(themes/img/map.png);"> <br> Email: <a href="mailto:info@stud.kz" class="">info@stud.kz</a> </address> </div> </div> </div> </div> <footer class="g-bg-gray-dark-v1 g-color-white-opacity-0_8 g-py-15"> <div class="container"> <div class="row"> <div class="col-md-8 text-center text-md-left g-mb-0--md"> <div class="d-lg-flex"> <small class="d-block g-font-size-default g-mr-10 g-mb-0--md"> since 2008 © <img alt="stud.kz" src="assets/img/studkz_38_31.png" id="logoimg"> Stud.kz <span>|</span> 0.006 </small> </div> </div> <div class="col-md-4 align-self-center"> </div> </div> </div> </footer> <ul id="footbar" class="nav text-center nav-justified" style="z-index: 999;"> <li class="nav-item"> <button class="btn u-btn-outline-brown btn-lg rounded-0 " type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-dot-circle-o"></i></button> <div class="dropdown-menu rounded-0"> <a class="dropdown-item" href="search"><i class="fa fa-search"></i> Іздеу</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="user/addfile"><i class="fa fa-upload"></i> Файл қосу</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="prezentatsiya">Презентациялар</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="page/free">Тегін</a> <div class="dropdown-divider"></div> <a class="dropdown-item g-cursor-pointer" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user"></i> Кабинет</a> <div class="dropdown-menu rounded-0"> <a class="dropdown-item" href="user/balance"><i class="fa fa-money"></i> Баланс</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="favorite/list"><i class="fa fa-heart"></i> Таңдаулы жұмыстар</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="user/history-buy"><i class="fa fa-cart-arrow-down"></i> Cатып алған жұмыстарыңыз</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="user/myfiles"><i class="fa fa-file-word-o"></i> Менің файлдарым</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="user/myprezent"><i class="fa fa-file-powerpoint-o"></i> Презентацияларым</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="user/sale-stat"><i class="fa fa-bar-chart-o"></i> Сатылым статистикасы</a> </div> </div> </li> <li class="nav-item"> <button class="btn btn-success rounded-0 text-center" id="bFootload" onclick="footload(this)" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-download"></i> Скачать</button> </li> <li class="nav-item pull-right"> <a class="btn u-btn-outline-yellow btn-lg rounded-0 pull-right" href="tapsyrys"><i class="fa fa-bell"></i></a> </li> </ul> </main> <script> $( function(){ $("#eSearchTop").focus(); } ); </script> <script src="themes/vendor/popper.min.js"></script> <script src="themes/vendor/jquery-migrate/jquery-migrate.min.js"></script> <script src="themes/vendor/jquery.easing/js/jquery.easing.js"></script> <script src="themes/vendor/bootstrap-4.6.2/js/bootstrap.min.js"></script> <script src="themes/vendor/jquery/jquery.cookie.js"></script> <script src="themes/vendor/jquery.maskedinput/src/jquery.maskedinput.js"></script> <script src="assets/js/search_v2.js"></script> <script src="assets/js/custom_v6.js"></script> <script type="module" src="assets/js/firebase_auth.js?v4"></script> </body> </html>