2023-2024 оқу жылына арналған

қысқа мерзімді сабақ жоспарларын

жүктеп алғыңыз келеді ма?

ҚР Білім және Ғылым министірлігінің стандартымен 2022-2023 оқу жылына арналған 472-бұйрыққа сай жасалған

HTML веб-сайттарын әзірлеу әдістері

Материал туралы қысқаша түсінік

HTML дегеніміз не

Куанышбаев Марат Кайратулы

Автор материалды ақылы түрде жариялады.
Сатылымнан түскен қаражат авторға автоматты түрде аударылады. Толығырақ

26 Ақпан 2024

0 рет жүктелген

Информатика Презентация 10 сынып

Бүгін алсаңыз 25% жеңілдік
беріледі

250 тг 188 тг

Тегін турнир Мұғалімдер мен Тәрбиешілерге
Дипломдар мен сертификаттарды алып үлгеріңіз!

Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады

...

Материал жариялап тегін сертификат алыңыз!

Бұл сертификат «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жарияланғанын растайды. Журнал Қазақстан Республикасы Ақпарат және Қоғамдық даму министрлігінің №KZ09VPY00029937 куәлігін алған. Сондықтан аттестацияға жарамды

Ресми байқаулар тізімі

Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!

1 слайд
HTML дегеніміз не???

2 слайд
Сабақтың жоспары Html Тілдің синтаксисі HTML

3 слайд
Графика мен мультимедианы web - параққа қою

4 слайд
Web -ке арналған графикалық файлдардың форматтары • GIF ( Graphics Interchange Format – алмасудың графикалық форматы ) , кеңейткіші- .gif • JPEG ( Joint Photographic Expert Group – фотосуреттер эксперттерінің біріккен тобы ) , кеңейткіші- .jpg және .jpeg  PNG ( Portable Network Graphics – тасымалданатын желілік графика ) , кеңейткіші- .png

5 слайд
Кескінді параққа қою Оның ең қарапайым жолы <IMG> тэгін қолдану

6 слайд

7 слайд

8 слайд
Сурет арқылы аудио не видео файлға сілтеме жасау

9 слайд
Мына суретке шертсе видео файл ойнатылады

10 слайд
Келесі ойнатқыш терезесі шығады

11 слайд
HTML (Hyper Text Markup Language) - гипермәтіндік өлшеуіш тілі күрделі SGML (Standard Generalized Markup Language) өлшеуіш тілінің мүшесі болып табылады. HTML кез келген тілдер сияқты программа құрудың стандартты құрылымынан тұрады. Бұл жағдайда ол HTML – құжат. HTML – тег директивалары бұрыштама жақшаларына алынады.

12 слайд
HTML тегінің жалпы түрде барлық атрибуттарымен жазылу синтаксисі келесі түрде болады: <тег атрибут аты1= “мән” атр_аты.2 = “мән” атр_аты.N = “мән”> өңделетін мән </жабылатын тег> Атрибут мәні тік жақшаға алынады. Тегтің барлығы жұппен болады: ашылатын және жабылатын; <тег> өңделетін мән </тег> Бірігу принципі қаралады : <тег1> <тег2> өңделетін мән </ тег2> </ тег1 > HTML- құжаты — бұл *.html кеңейтілуі бар мәтіндік файл (Unix- жүйелері *.html кеңейтілу бар файлдан тұруы мүмкін ). Синтаксис

13 слайд
Қарапайым HTML- құжат: <html> <head> <title> Мысал 1</title> </head> <body> <H1> Сәлем !</H1> <P> Бұл HTML- құжатының қарапайым мысалы .</P> <P> Бұл *.htm- файл бір уақытта Notepad -да және Netscape- де аша алады . Notepad өзгертуді сақтап , HTML- құжатта бұл өзгертулерді көру үшін Netscape -де жай ғана Reload (' қайта жүктеу ') батырмасын басыңыз .</P> </body> </html>

14 слайд
Міндетті тег тер <html> ... </html> <html> тегі HTML- құжатты ашуы керек. Сол сияқты </html> тегі HTML-құжатты аяқтайды. <head> ... </head> Бұл тегтер жұбы құжат тақырыбының басы мен соңын көрсетеді. Құжат тақырыбынан басқа (төмендегі <title> тегінің жазбасын қараңыз), бұл бөлімде көптеген ақпараттар бар. <title> ... </title> <title> және </title> тегінің арасындағы ақпараттар браузердегі құжат аты деп аталады. Аты 64 символдан ұзақ болмауы керек.

15 слайд
<body> ... </body> Бұл тегтер жұбы HTML-құжат денесінің басы мен соңын көрсетеді. Дене ол құжаттың мазмұнын анықтайды. <H1> ... </H1> — <H6> ... </H6> <Hi> ( мұндағы i — 1 ден 6-ға дейінгі сан ) түріндегі тег алты әртүлі деңгейдегі тақырыпты сипаттайды . Бірінші деңгей – ең үлкен, алтыншы деңгей – ең кіші тақырып . <P> ... </P> Мұндай тегтер жұбы абзацты сипаттайды. <P> және </P> тегі арасындағылар бір абзац болып қабылданады.