Егер HTML бетінде мысал және негізгі принциптері

көптеген тілдерді ойлап, бірақ HTML тілі ең ерекше және vosstrebovan бірі болып табылады. ол бағдарламалау басқа негізгі бастамалар көп болғандықтан. HyperText Markup Language (HTML) - көп болғанда түзету тілі әзірлеуші осы білім санасында, қол жетімді болып табылады.

Шын мәнінде, HTML жылы, қиын ештеңе жоқ, және бағдарламалау бірнеше минут барлық ең шалғай және Интернет адамдар кітапшасында HTML-беттерін құру орындайды. барлығына қолжетімді шын мәнінде назар аударуға тұрарлық мысалдар, қарапайымдылығы,.

Жалпы сипаттама

HTML файлы - бір бет Сайт, бұл даулы болып табылады, бірақ бетінде бір файл, ол түсінікті бастау үшін, қандай болса да.

HTML - HTML файл түрі екенін көрсетеді DOCTYPE тақырыбындағы басталады. Барлық бет элементтері (тегтер) бұрыштық жақшалар ішінде көрсетілген. Әрбір жұп ( «<» және «>») бір тег HTML кіреді. Әдетте HTML тегтері әр «тег» үшін, яғни, жұпталған «/ Тегтер» бар. Екі бұрышы жақшаға алынады. Онда ең танымал бір тег болып табылады «BR /» - келесі жолға көшу.

файлда ірі тег - бұл тек екі тегті қамтиды өзім HTML,: басы мен денесі. Бірінші жағдайда, әр түрлі ерекшелігі басқа тиісті бет файлдар сілтемелер индикативтік болып табылады, осы PHP және JavaScript сценарийлері болуы мүмкін. Екінші бет жазылған мазмұны. Сондай-ақ, тегтер мен сценарийлерді түрінде.

Қарапайым HTML-бет

мұндай бетті жасау Мысал төменде бапта көрсетілген. оны мұқият қарастырайық.

бас секциясы

негізгі мақсаты тег бастығы - беттің жалпы сипаттамасы және жалпы сценарийлері, соңғы болса да - тек салыстырмалы ұғым. Әдетте тек екі нәрсе үшін елеулі маңыз бар мән береді:

• КҰқсас сөздер мен беттің сипаттамасы;
• басқа файлдар (* .css және .js *) сілтемелер.

кейбір басқа файлдар тегтері және басқа да сценарийлер тілдер үшін CSS ережелері бар, онда ол көрсетеді, өйткені осы бөлімде бет мазмұнының мазмұнды көрсету үшін, тек жанама маңызы бар.

HTML-бет келуші беті ашылады қойындысын тінтуірдің әкеледі кезде көрсетіледі атауын (TITLE), бар. Бұл беттің әлдеқайда таныту етеді, өйткені, маңызды болып табылады, дейді оңай, оқылатын мәтін қол қойды.

META-тегтер жалпы веб-бағдарламалау маңызды болып табылады, бірақ ол кітапшасында HTML-беттерін құру, жағымсыз тәртіпсіздік артық құрылымдардың мысал қажет кезде.

LINK және сценарий сілтемелерді ерекше назар аудару керек. JavaScript-код файлының орны - бірінші CSS стильдер кестесі файл, екінші бар жерге жатады. Мұндай сілтемелер орнатуға болады.

Егер сіз сценарийлерді бір HTML білім ретінде қарастырылуы тиіс пайдалансаңыз нығая түседі, сіз баулы стиль кестелері туралы дереу назар аудару керек. CSS файлдар, атап айтқанда, HTML тегтерді тіркеу ережелері болып табылады.

Бөлім BODY

Шын мәнінде, үлгісі бет HTML - осы органның бөлім болып табылады. Ол, барлық ақпаратты қамтитын осы жерде мазмұн бетінің барлық болып табылады. Барлық ақпарат осындай JavaScript-кодын немесе PHP-бағдарлама бөліктерін енгізу сияқты, тегтер мен сценарийлерді түрінде ұсынылған.

Ол Блокнот сияқты мәтіндік редакторында браузерде және сол мысалда HTML веб-беттер мысал, осы бір нәрсе емес екенін түсіну маңызды. Бірінші жағдайда біз барлық орындалатын скриптің онда дайын HTML-мәтін болып табылады. Мысалы, PHP оның бөлігін орындады және оң тегтерін орындарда код орнына құрылған. ол әлі бөлек әңгіме болуы туралы, бірақ JavaScript, сондай-ақ, өз миссиясын орындады.

HTML - бұл тегтерді орнына сценарийлері. Сайып келгенде, тек браузерде көрсетіледі беттің мазмұны, бірақ оның тегі. Жоқ PHP-код жоқ.

бет кірушінің шолғышта кезде жүктеу уақыты (шамадан тыс), бірақ сәттерде ғана емес, бетін қызмет етуге, және зерттеулер ол - JavaScript арнайы жағдайы, оның сақтау болып табылады.

Қарапайым мысал коды HTML-бетінің (тек BODY бөлім) төменде көрсетілген.

Төменде көрсетілгендей кірушінің браузер көрінеді.

браузерді әкелді элементтері сияқты көрінуі тиіс коды көрсетілген жоқ. Барлық жобалау CSS ережелерге көрінеді. Бұл жағдайда, сілтеме болды Mcss / scPhpWordRW.css файл (. бет HTML алғашқы мысалды қараңыз).

HTML қарағанда, CSS тақырыбы қарапайым болып табылады, өте қолжетімді ережелер бар және HTML-беттерін құру үлгісі Notepad басқа ештеңе талап етпейді кезде олардың саны, шағын болып табылады. Барлығы дереу дамыту үшін өте қолжетімді болып табылады:

Бұл сипатталған тег scLogo_vDoc қаншалықты оңай көрсетеді, және осы сипаттамасы тегтің қалыпты күйде сурет vDoc-logo.png көрсетеді, және тінтуірдің оған үстінен кезде, бұл - vDoc-логотипі-h.png көрсетіледі.

HTML сипаттамасы құрылымы

Тіл жерде тұжырымдамасын құрылымы мен синтаксис кез келген өте салыстырмалы болып табылады өткізу әкеп соқтырмайды. жоқ айнымалылар бар, бірақ мүмкіндіктері көп. Гипермәтінді іргелі негізі атын болуы сенімдімін элементі (тегі) бар болып табылады.

жағдайда атауы, тегі жұп, біз тег басында туралы айтып, егер дұрыс атауларын (Tagname) және бұрыштық жақша ( «<» + Tagname + «>») тұрады, және «», жазылған, егер оның соңы.

төмен мәтін орналасқан атрибуттары сипаттайтын HTML беттерінің Мысал.

тег «>», содан кейін олар жабылуы бұрышы жақшаға дейін тег атауынан кейін бос орын арқылы қойылады, атрибуттары болуы мүмкін. олар тег тек басында жазылған болса, атрибуттары. тегтің мазмұны Бастау тегінің және оның соңында арасындағы жатыр, ол бұл.

Жалпы HTML мазмұны сипаттамалары

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

Кірістірілген элементтері әдетте, бет файлда көрсетілген, және экранда көрсетіледі ретінде, яғни, бір жіп пайда болады. бет жүктеме орын алған кезде жалпы ағынының дисплей әсер болады. орналастыру, көріну, және блок элементтерін басқа қасиеттеріне JavaScript-код арқылы кез келген уақытта әсер мүмкін.

қарапайым элементтеріне Сонымен қатар, HTML кестелер мен нысандарын сипаттау ұсынады. Бұл элементтер сұранысқа өте көп «күнделікті сайты ғимаратында».

кестенің Сипаттама: Tags TABLE, TR, TD

TABLE тег кестені жасау үшін пайдаланылуы мүмкін кезде, TD жасушалар бірқатар қатарынан жолдар санын және TR көрсетіңіз. Осыған байланысты декларация шектелмей табиғат HTML-белгілеу кестелік ұйымға, ұйымның әдеттегі кестеде айырмашылығы, әзірлеуші сол барлық жолдар бағандар саны тік бұрышты үстел ие болғысы келеді, егер, содан кейін өзі үшін бұл ұстануға тиіс, өйткені.

кез келген, бірақ түсінікті емес ештеңе: принципті HTML ұстанымы. Кейбір жағдайларда ол кестенің әрбір жолда бағандардың саны соншалықты маңызды емес, бірақ сіз көлденең немесе тігінен біріктіру ұяшықтарды орындауға келсе, бұл өте мұқият барлық санау қажет.

графикалық бапта көрсетілген қарапайым кесте сипаттамасымен Мысал HTML бет.

баған тақырыбы - Мұнда TH орнына Т.Д. тегтің пайдаланылды бірінші жолы тегімен үш бағанына, үш жолдар өлшемін көрсететін кесте болып табылады. Атап айтқанда, осы екі тегтер жоқ, бірақ ол Кестенің бірінші жолында ажырата бірінші пайдалануға болады, және СҮ үшін CSS, сіз басқа TD оны ерекшеленеді өз стилі, тіркеуге болады ерекшеленеді.

Сипаттамасы нысаны: пішін тегі, INPUT

Нысаны - бұл HTML-тегтер ең сұранысқа ие бөлігі болып табылады. нысандарын пайдалану туралы ақпаратты бере алады. Шын мәнінде, бет - бұл дисплей ақпарат, бірақ нысаны - кіріс.

қарапайым нысандағы сипаттамасымен Мысал HTML бет:

әлдеқайда нысандарын пайдаланады, бірақ төмендегідей негізгі белгілері болып табылады. Сіз пайдаланушы енгізу талдау үшін өңдеушілерін жобалау және іс-шара оларды тағайындау қажет, енгізу өрісін көрсетуге болады. Сіз жасырын өріс көрсетіңіз және бет өңін ақпаратты беруге болады. Сіз бұл деректер беру процесін бастайды басу, ақпарат беру батырмасын тағайындай алады.

HTML пайдалану

гипермәтіндік тілін білу - Интернет бағдарламалау саласындағы кез-келген жұмыс мамандығы үшін таптырмас жағдайын, бірақ сіз PHP немесе JavaScript бағдарламаны жазу келсе, онда HTML + CSS мінсіз керек екенін.

PHP тілі алдыңғы мысалда анықталды. Осы пішінмен бет толтырылған жолдар шолғышқа серверден ұшып, себебі PHP, серверде жұмыс істейді. Атап айтқанда, тегі INPUT (onblur обработчик) аталған TestOnBlur функциялары, мәтіндік өрістер түрінде барлық параметрлерді алды.

браузер JavaScript жұмыс істейді, және дұрыс деректерді жұмыс істеді деп табылады, кері серверге түймесін жіберуге, жобалау :. OnClick = айдағыштарды ( 'үшін #') білікке ( «Кәрзеңке»), ол, не айдағыштарды туралы ғана емес, білу қажет бірақ қандай #to, Val, Кәрзеңке. Дәлірек айтқанда, ол негізгі HTML тегтерін және оларға CSS мәнерлерін қолдану жалпы ережелерді білу қажет.

Бұл тез Интернет бағдарламалау саласындағы кез-келген мамандандыру біліктілігін көтеруге жеткілікті.