Htm файлын ашыңдар

Аралық бақылау · Практикалық сабақ · Оқу-әдістемелік нұсқаулар №1

Блокнотта HTML құжатын құру және браузерде ашу

Бұл нұсқаулықта сіз HTML-дің ең қарапайым құрылымын Блокнотта теріп, оны .htm кеңейтілімімен сақтауды және Internet Explorer арқылы ашып, нәтижесін бақылауды үйренесіз.

1-бөлім: Бірінші HTML файлын жасау (first.htm)

  1. 1) Блокнотты іске қосыңыз.

    Жолы: Пуск → Программы → Стандартные → Блокнот

  2. 2) Төмендегі құжат мәтінін енгізіңіз.

    <HTML>

      <HEAD>

        <TITLE>Құжаттың аты</TITLE>

      </HEAD>

      <BODY>

        Құжаттың мазмұны

      </BODY>

    </HTML>

  3. 3) Құжатты first.htm атауымен сақтаңыз.

    Сақтаудан бұрын кеңейтімдерді көрсету баптауы дұрыс екеніне көз жеткізіңіз: Пуск → Настройка → Свойства папки → Вид бөлімінде «Не показывать расширение для зарегистрированных типов файлов» жалаушасы алынған болуы керек.

    Егер бұл жалауша дұрыс қойылмаса, Блокнот файл атауының соңына автоматты түрде .txt қосып жіберуі мүмкін (мысалы, first.htm.txt).

  4. 4) Internet Explorer бағдарламасын іске қосыңыз.

    Жолы: Пуск → Программы → Internet Explorer

  5. 5) Файлды ашыңыз.

    Файл → Открыть командасын таңдаңыз, содан кейін «Обзор» батырмасы арқылы first.htm файлын ашыңыз.

  6. 6) Құжаттың қалай көрсетілетінін бақылаңыз.

    • Бұл — HTML-дің ең қарапайым, «таза» құжаты.
    • TITLE ішіндегі мәтін қай жерде көрінеді?
    • BODY ішіндегі мәтін қай жерде көрінеді?
  7. 7) Мәтіннің орналасуын тексеріңіз.

    • Екі жолға енгізілген «Құжат» және «мазмұны» сөздері қалай бейнеленеді? Неліктен?
    • Терезе енін кішірейткенде не өзгеретінін бақылаңыз.

Осы бөлімде сіз HTML-дің қарапайым құжатын құрдыңыз және оны Internet Explorer шолғышында қалай көрсетуге болатынын көрдіңіз.

2-бөлім: Тақырыптар, абзацтар және бөлгіш сызық (paragragh.htm)

Егер бұл жаттығу алдыңғы тапсырмадан кейін бірден орындалмаса, Блокнотта first.htm құжатын қайта ашыңыз.

  1. 1) BODY мен /BODY тегтерінің арасындағы барлық мәтінді өшіріңіз.

    Келесі қадамдарда енгізілетін мәтінді BODY тегінің ішіне орналастырасыз; мазмұны әртүрлі болуы мүмкін.

  2. 2) H1 тегтері арасында 1-деңгей тақырып енгізіңіз.

  3. 3) H2 тегтері арасында 2-деңгей тақырып енгізіңіз.

  4. 4) P тегінен бастап жеке абзац енгізіңіз.

    Абзац ішінде бос орындарды және жол ауыстыру белгілерін еркін қолдануға болады.

  5. 5) Көлденең сызық үшін HR тегін енгізіңіз.

  6. 6) P тегінен бастап тағы бір абзац қосыңыз.

  7. 7) Құжатты paragragh.htm атауымен сақтаңыз.

  8. 8) Internet Explorer шолғышын іске қосыңыз.

    Жолы: Пуск → Программы → Internet Explorer

  9. 9) Файлды ашыңыз.

    Файл → Открыть командасын таңдаңыз, «Обзор» батырмасы арқылы paragragh.htm файлын ашыңыз.

  10. 10) Көрсетілімді талдаңыз.

    Құжаттың қалай бейнеленетінін қарап, HTML элементтері мен құжат фрагменттері арасындағы сәйкестікті анықтаңыз.

Осы бөлімде сіз абзацтарды белгілеу арқылы HTML құжатын құрдыңыз және HTML тегтері құжаттың тиісті бөліктерінің көрсетілуіне қалай әсер ететінін байқадыңыз.