«php дағы Web программалау» пәнін оқыту-әдістемелік кешен

жүктеу 3,25 Mb.

бет	3/8
Дата	06.02.2020
өлшемі	3,25 Mb.
	#28350

1 2 3 4 5 6 7 8

HTML- құжатты хабарлау
Құжаттың тақырыптық бөлімі
HTML-құжаттың денесі
Құжат денесінің тэгтері Теги тела документа
1 -кесте .
BGCOLOR=
С ӨЖ № 8. Web- бетте графиктерді орналастыру . Мақсаты
GIF, JPG, PNG.

</CENTER> <HR> <CENTER> <h2>Registration Form</h2> <hr> ...... Беттің мәтіні. ..... <hr> <FORM NAME=help_call> <table border=0> <tr> <td><INPUT NAME=next TYPE=button VALUE=Next onClick="main_menu()"></td> <td><INPUT NAME=help TYPE=button VALUE=Help onClick="help_win()"></td> </tr> </table> </FORM> <hr> </CENTER> Бұл қарапайым HTML құжаты. <script language="JavaScript"> document.write("Ал бұл JavaScript!") </script> Тағы да HTML құжаты. Бұл қарапайым HTML құжат. <script language="JavaScript"> ескі браузерлерден кодттарды жасырады document.write("Ал бұл JavaScript!") // --> </script> Тағы да HTML құжаты. <form> <input type="button" value="Calculate" onClick="calculation()"> </form> <center> <img src="home.gif" name="pic1" width=200 height=100> </center> <form name="myForm"> Name: <input type="text" name="name" value=""> e-Mail: <input type="text" name="email" value=""> <input type="button" value="Push me" name="myButton" onClick="alert('Yo')"> </form> <center> <img src="ruler.gif" name="pic4" width=300 height=15> My homepage </center> <form name="myForm"> <input type="text" name="myText" value="bla bla bla"> <input type="button" name="button1" value="Button 1" onClick="first()"> <input type="checkbox" name="myCheckbox" CHECKED> <input type="button" name="button2" value="Button 2" onClick="second()"> </form> <script language="JavaScript"> document.write("The background color is: "); document.write(document.bgColor + " "); document.write("The text on the second button is: "); document.write(document.myForm.button2.value); // --> </script> <SCRIPT LANGUAGE="JavaScript"> document.write(" Бет үшін мәтін " ) </SCRIPT> (line 7) (line 8)<SCRIPT LANGUAGE="JavaScript"> (line 9)document.write("Бет үшін мәтін " (line 10)) (line 11) (line 12)</SCRIPT> (line 13) (line 14) TEXT=«#000000» BGC0L0R=«#94F9FA» BACKGROUND=«« LINK=«#3333FF» VLINK=«#3333FF» LINK=«#3333FF» onLoad=«window.defaultStatus-'Tris HTML is Create by Notepad'«> <CENTER>жазылатын текстің мысалы</CENTER> </BODY> </HTML> HTML-құжаттың соңы --> HTML- құжатты хабарлау <HTML> және </HTML> қос тэгі web-шолушыға (браузерге) олардың арасында HTML форматтағы құжатты хабарлайды, құжаттың бірінші тэгі <HTML> (құжаттың ең басында) болуы керек, соңғысы </HTML> (құжаттың соңында). Web-браузер алынған құжатты HTML-құжат сияқты түсіндіріп береді. Құжаттың тақырыптық бөлімі <HEAD> және </HEAD> тэгтері құжатты жалпы суреттеуді ұсынады. Ереже бойынша, олардың арасында құжат туралы ақпаратты көрсетуді ұсынады (атаулар, іздеу үшін кілттік сөз, түсіндірме және т.б.). Арнайы спайдер программалар іздеу жүйесінің өз мілңметтер қорын құру үшін құжаттың атауын қолданады. HTML-құжатқа атау беру үшін текст <TITLE> және тэгтер арасында орналасады.
Мысалы:

<МЕТА HTTP-EQUIV=«Content-Type» CONTENT=«text/html; charset=windows-1251»>

<ТIТLЕ> Web- беттің мысалы

Кеңес. Техникалық, старттық және аяқтаушы , және типтегі тэгтер міндетті емес. Бірақ, олады қолдану ұсынылады, бұл web- браузерге құжаттың тақырыптық бөлімнен құжаттың денесінен ажыратуға көмектеседі.

HTML-құжаттың денесі
Құжаттың үшінші басты бөлімі оның денесі болып табылады. Ол тақырыптан кейін тұрады және және

TEXT=«#000000» BGCOLOR=«#94F9FA» BACKGROUND=«« LINK=«#3333FF» VLINK=«#3333FF» ALINK=«#3333FF» onLoad=«window.defaultStatus='This HTML is Create by Notepad'«>

пример отцентрированного текста

Комментарии
Басқа тілдер сияқты, HTML құжат денесіне комментарилер қоюға мүмкіндік береді, желі арқылы құжаттар берілгенде сақталады, бірақ браузерде көрінбейді. Комментарий синтаксисі! !-- Бұл комментарий -->, мысалы: HTML- құжаттың басы -->. Комментарилер құжаттың кез келген жерінде кездесу мүмкін.

Құжат денесінің тэгтері
Теги тела документа
Теги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

1-кесте. HTML тэгтерінің қысқаша анықтамалары

Тегтер

Назначение

HTML құжатының басталуы

Тақырып атауы (тақырып қызметтік және суретті ақпарттан тұрады)

<МЕТА HTTP-EQUIV="Content-Type" CONTENT= "text/html: charset=windows-1251">

<МЕТА NAME="Попов" CONTENT="HTML 06учение">

<МЕТА NAME="GENERATOR" CONTENT="Notepad">

Метатегтер қызметтік ақпараттарды анықтайды. Мұнда бірінші метатэг тексті кодтауды анықтайды, екіншісі авторды және кілттік сөзді хабарлайды, үшіншісі HTML- құжаты қай редакторда жазылғанын хабарлайды.

<ТITLЕ>Web –бетте мысал

браузер терезесі үшін тақырып

Тақырып соңы Конец заголовка

…

HTML- құжат денесінің басталуы

тэгінде орындау керек. BGCOLOR= атрибуты беттің фон түсін анықтайды, ТЕХТ= барлық беттер үшін мәтін түсін береді, LINK= және VLINK= қарастырылмаған және қарастырылған сілтемелерге сәйкес түсін анықтайды (соңғы екі параметр кейін қарастырылатын болады).

RASP.HTM файлына түзетулер енгізіңдер:

СӨЖ № 8. Web-бетте графиктерді орналастыру.

Мақсаты: Web-бетте графиктерді орналастырды үйрену.
Тапсырма. Web-бетте графиктерді орналастыру

тэгі құжатта бейнені қоюға мүмкіндік береді. Бейне тэг орналасқан құжат бетінде пайда болады. Берілген тэгжалғыз болып келеді. Web-те графика, ереже бойынша, үш форматта таралады: GIF, JPG, PNG. Келесі тапсырманы орындау барысында, CLOCK.GIF графикалық файлы біздің Web-бет орналасқан KURS жұмыс каталогында сақталады деп есептейміз

RASP.HTM файлына түзетулер енгізіңдер:

Экраннан 5-суреттегі бейнені көресіздер.

5-сурет

жүктеу 3,25 Mb.

Достарыңызбен бөлісу:

1 2 3 4 5 6 7 8