«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> Бұл <a href="/sabati-tairibi-vektorli-nisandarmen-arapajim-amaldar-ru.html">қарапайым</a> 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>жазылатын <a href="/azastan-respublikasi-ttenshe-jayedajlar-ministrligi-kkshetau-t.html">текстің мысалы</a></CENTER> </BODY> </HTML> HTML-құжаттың соңы --> HTML- құжатты хабарлау <HTML> және </HTML> қос тэгі web-шолушыға (браузерге) олардың арасында HTML форматтағы құжатты хабарлайды, құжаттың бірінші тэгі <HTML> (құжаттың ең басында) <a href="/respublikasi-bilim-jene-filim-ministrligi-v5.html">болуы керек</a>, соңғысы </HTML> (құжаттың соңында). Web-браузер алынған құжатты HTML-құжат сияқты түсіндіріп береді. Құжаттың тақырыптық бөлімі <HEAD> және </HEAD> тэгтері құжатты жалпы суреттеуді ұсынады. Ереже бойынша, олардың арасында құжат туралы ақпаратты көрсетуді ұсынады (атаулар, іздеу үшін <a href="/shifrleu-algoritmi-trisemusti-shifrlau-kestesi-1508-jili-nemis.html">кілттік сөз</a>, түсіндірме және т.б.). Арнайы спайдер программалар іздеу жүйесінің өз мілңметтер қорын құру үшін құжаттың атауын қолданады. 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