10 Август 2011 – 18:58 | 40 пікір

Құрметті ИНФОРМАТИКТЕР!
Cайтымыз сіздердің арқаларыңызда, аз уақытта Қазақстандағы ең танымал сайттардың біріне айналып келеді. Кейбір қазақ тілді сайттар өз контенттерін біздің сайтқа қарап өзгертіп қолданушыларын да көбейтті. Біздің үлгімізбен біршама жаңа сайттар ашылды. Соған қарағанда Информатик …

Толығырақ »
Информатика

Бәрі информатикаға байланысты

Педагогика

Тәлім-тәрбиеге байланысты материалдар

Басқа пәндер

Ұстаздар шығармашылығы

Оқушылар шығармашылығы

Басты бет » Информатика, Таңдаулы

HTML тіліне түсінік

Опубликовал Асель Асамбаева в 11 Апрель 2012 – 08:58Пікір жоқ
Бұл мақала 371 рет оқылды, 5 рет бүгін

Асамбаева Асель, Қайрат орталау мектебінің математика және информатика пәнінің мұғалімі.

Сабақтың тақырыбы: HTML тіліне түсінік

Сабақтың мақсаты:
1. Білімділік -   HTML тілінде қүжат құруды үйрету, негізгі тэгтер туралы білімдерін қалыптастыру;
2. Тәрбиелілік -  Жан-жақты болуға, өз бетімен жұмыс істеуге тәрбиелеу;
З.Дамытушылық - Оқушылардың есте сақтау және зейіндік қабілеттерін дамыту, пәнге деген қызығушылығын арттыру.
Сабақтың түрі: Жаңа білімді меңгерту.
Сабақта қолданылатын
Көрнекті құралдар: компьютер, оқулық, практикум, тақта.

Сабақтың өту барысы:
I. Ұйымдастыру кезеңі.
II. Мақсат қою: Блокнот бағдарламасында Web құжатын құруды үйрену.
III. Жаңа тақырыпты түсіндіру.

Интернетке түрлі қызметгердің жиынтығы әсер етеді. Солардың бірі ең кеп тараған қызметтер қатарына Web (World Wide Web (бүкіләлемдік өрмекші) енеді. Web - тораптардағы құжаттардың негізғі форматы HTML болып табылады. HTML (Hyper Text Marker Language) ағылшын тілінен аударғанда мына мағынаны білдіреді: гипермәтінді белгілеу тілі.

Гипермәтін - бүл қосымша элементтерді басқару мақсатында ішіне екпінді элемент орналасқан мәтін түрі.

HTML тілінің құрылымы
<HTML>
<HEAD> <TITLE> Қүжат тақырыбы </TITLE> </HEAD> <BODY>

Құжат тұлғасы
</BODY> </HTML>

Көп жағдайларда HTML құжаттардың тақырыптары болады. Олар <Нn></Нn> тэгтер арқылы жасалады. Осы тэгтер ортасына текстімізді орналастырсақ, сізге белгілі көлемді такырып шығады.

<Н1> тақырып </Н1>
<Н2> тақырып </Н2>
<Н31> тақырып /НЗ>
<Н4> тақырып </Н4>

<Н5> тақырып </Н5>
<Н6> тақырьш </Н6>

Ал енді жаңа абзацқа шығару үшін <Р>, ал жаңа жолға шығу үшін <BR> тәгі жазылады. Бүл тәгтерді жабу керек емес. Әрине, еғер сіз <Р> тәгінде ALIGN абзацты түзеу элементін қолданбасаңыздар:

<РALIGNE=LEFT> сол жақ шетке түзеу</Р>
<РALIGNE=CENTER> Ортаға келтіру </Р>
<PALIGNE=RIGHT> оң жақ шетке түзеу</Р>

Ал мәтінге қалың, курсивті, сызықты және т.с.с. тур беру үшін, оны сай келетін тэгтер ортасына жазу керек:
<В> қалыңдатылған мәтін</В>
<І> курсивті мәтін </І>

<U> асты сызылған </U>

Кейбір тэгтердің белгілі бір параметрлермен қолданыла алады немесе қолдану тиіс, олар ашылған тэг элементтерінде жазылады (бір тэгте бірнеше параметр беруге болады). Мысалы, ашылып жатқан <FONT> тэгінің бірнеше атрибуттары болуы мүмкін.

<FONT SIZE=”1″> Мысал 1 </FONT>
<FONT S1ZE=”2»> Мысал 2 </FONT>
<FONT SIZE=”3″> Мысал 3 </FONT>
<FONT SIZE=”4″> Мысал 4 </FONT> <FONT SIZE=”5″> Мысал 5 </FONT> <FONT SIZE=”6″> Мысал 6 </FONT>

Сонымен түс туралы басынан айтып кетейік. <BODY> тэгінің ішіне BGCOLOR параметрін жазып және оған түс атын немесе оның 6 орынды кодын беру керек.

Берілген екі мысал бетті қызыл түспен бояйды.

<BODY BGCOLOR=”RED”> түстің аты колданылған
<BODY BGCOLOR=”#FF0000,,> түс 6 орынды кодпен берілген.

IV.    Сабақты бекіту.
Жаңа сабақты бекіту сұрақтары:

1. HTML деген ұғым нені білдіреді?
2. Құжат кұрылым қандай түрде болады?
3. Жаңа абзацқа өту үшін кандай тэг колданылады?

V. Үйге тапсырма беру. Өз Web бетін дайындайтын құжат құрып келу.
VI.Оқушыларды бағалау.

Ұқсас тақырыптар:

Оставьте комментарий

Добавьте комментарий ниже или обратную ссылку со своего сайта. Вы можете также подписаться на эти комментарии по RSS.

Всего хорошего. Не мусорите. Будьте в топе. Не спамьте.

Вы можете использовать коды HTML:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

На сайте используются Gravatar. Чтобы его получить зарегистрируйтесь Gravatar.