HTML - гипермәтіндік белгілеу біз білетіндей Интернет жасады тілі мен махаббат. Бұл тамаша құрал сайттарға арқасында жақсы және қазіргі көрінеді және оларды пайдалану қолайлылығын қамтамасыз етеді. HTML жай ыңғайлы параметрінде веб бет элементтерін жинайды болып табылады. Оның жұмысы істеу фактісі салыстыруға мәтіндік редакторлар мұндай MS Word немесе OpenOffice ретінде. Олар тармақтарды, батыл мәтінді, қиғаш, кестелер, және тіпті суреттерді бар құжатта әріптер безликое массасын қосыңыз. Шамамен бір нәрсе ғана айырмашылық оның құжаттар браузерде көрсетіледі болып табылатын, бұл, HTML жасайды, және осы құралдың мүмкіндіктері мәтіндік редакторы әлдеқайда кең болып табылады. Веб-бет құрылымын сипаттау арнайы команда - тегтер таңбалау үшін пайдаланылған. Олар бұрышы жақша - <тег>, браузер мәтін жалпы массасы, оларды ажырата алмады. Келесі біз бастаушыларға арналған HTML негіздері қарастырамыз.

көрнекі редакторлар

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

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

тегтер

Жоғарыда айтылғандай, тегтер веб-шолғыш беттің құрылымын сипаттау. Олардың көпшілігі ашылу және жабылу тегтер бар, бірақ барлық емес. Мысалы, <атауы> ... , орнына ұпай мазмұны болып табылады. Тег басталады осы шоу бірінші және екінші оны жабады. басқа элементтер ішінде олар Матрешки тәрізді салынған болуы мүмкін бет орналасуында болуы мүмкін. Мұнда ол бет дұрыс көрсетіледі тегтерді жабу үшін маңызды болып табылады.

жабық болуы қажет емес бір тегтер, сондай-ақ бар. Олардың бұл ішіндегі болды, сондай-ақ атрибуттары. Атрибут HTML-тегтер ең үшін белгіленген және элемент сипаттарын орнатады болады. Ол ашылу тег осы сияқты көрінеді жылы белгіленген: атрибут = «...», орнына ұпай атрибуты мәні болып табылады. тегтің Білім HTML дамыту үшін бірінші және ең маңызды қадам болып табылады. Осы өнер негіздері, сондай-ақ веб-бет құрылымын түсіну көздейді.

құжат құрылымы

Әрбір HTML құжат тиісті кеңейтімі, мысалы, index.html бар. Сондықтан браузер ол не істеу түсінуге болады, және дұрыс бетті көрсету. сайт жасау үшін пайдаланылатын барлық файлдар, ол болашақта айтарлықтай өміріңізді жеңілдетеді сол каталогта сақтауға ұсынылады. Hypertext Markup Language HTML негіздері құжаттың құрылымын айқын түсіну тарту. Ол тегтің басталады , осы құжатта пайдаланылатын HTML, браузер нұсқасы әңгімелейді. Қазіргі уақытта, тілі өзекті бесінші нұсқасы, сондықтан ештеңе ойлап қажеті жоқ ғой, біз қауіпсіз кез келген беттің жоғарғы жоғарыда тегті кірістіруге болады.

Содан кейін сайттың «қаңқасы» құрайтын, негізгі жұптастырылған құрылымы өтіңіз. барлық қалған қоюға бірінші тег - ... . ол құжатты ашады және жабады, сондықтан тыс екенін бәрі, веб-бет ретінде шолғыш арқылы танылмайды. Бұл тег кез келген құжаттың үшін қажет. Ол сондай-ақ төменде талқыланатын болады, бірнеше міндетті тегтер бар.

бас

тегтің ішіндегі ... бетінде пайда болады техникалық сипаттағы ақпаратты қамтиды, бірақ, соған қарамастан, құжат HTML маңызды бөлігі болып табылады. Осы жерде қаланды Сайт хабарлама, бет атауын кодтау таңдалған және енгізіледі. Ол міндетті тег <атағын> ... шеңберінде қамтылған. Ол сізге, сондай-ақ бет мазмұн үшін шағын белгішесін орналастыруға болады Сіздің браузеріңізде жоғарғы, кезінде аты көрсетеді. Ол дереу оның дұрыс көрсету үшін құжат кодтауды жөн. Бұл тег <мета CHARSET = «UTF-8» /> жасалуы мүмкін. беттерінде Meta деректер құрылымын қамтамасыз ету және, әдетте, басы ішінде орналасқан.

байланыс

HTML базалық білім, сондай-ақ каскадты стильдер пайдалануды, немесе CSS қамтиды. Олар бетте пайда болады элементтерінің сипаттарын орнату. Бұл мәселені қазіргі заманғы көзқарас қосылған ыңғайлы болу үшін сыртқы файлға, элементтің түсі, биіктігі мен орналасқан жері сияқты сипаттамаларын қолдануды қажет етеді. CSS-файлды қосу үшін <сілтеме /> тегін пайдаланады. <Сілтеме HREF = HTTP: // сайт /article/250376/%E2%80%9Dstyle.css%E2%80%9D түрі = «мәтін / CSS» />, жабық есік көрсетеді дайын түрінде, ол осы тәрізді бірдеңе көрінеді файлдың орналасқан жері, және түріне - оның түріне.

дене

Ол беттің көрінетін бөлігі жасаған HTML-құжаттың осы бөлігінде орналасқан. «Дене» ішінде жасалады, бұл барлық шолғыш арқылы көрсетіледі. <Дене> жылы HTML тегтерінің үлкен соманы пайдаланылады. Basics - Бұл мәтін пішімдеу, сілтемелер және веб-бетті құрылымдау үшін қарапайым құралы жұмыс. негізгі тегтерін білу жеткілікті HTML, жұмыс істеуге және оларды пайдалану мүмкіндігі болуы үшін алу үшін. Төменде ең танымал болып табылады:

• - CSS сипатталған белгілі бір стильде, берілуі тиіс, подстроку алу үшін пайдаланылады;
• - Веб беттегі сілтемені жасайды; секіру мекенжайы атрибут жабық есік көрсетілген;
• - ең танымал заманауи тегтердің бірі; ол бүгінгі сайттардың құрылымында негізгі үлесті негізінде жасалған блок элементі, (блок параметрлері

  CSS белгіленген, және басқа да бөлімшелер осы тегтің ішіне орналастыруға болады) болып табылады, өйткені HTMLl, оған ерекше назар аудару керек тілінің негізін білу үшін шешім қабылдады кез келген адам;

• - мәтіннің тармақты таңдайды; тармақтың мазмұны ашылу және жабылу тегтер арасында орналасқан;

• - нөмірленген тізім, тегтер жұбы ретінде болып табылатын элементтер <Ли>;
  1. - Таңбалаушы тізімді, тегінде <Ли> белгіленеді, сондай-ақ нөмірленген элементтерінің;

     • -

       - құжат тақырыптары (мәнерлеп

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

       Интернет кеңістігіндегі табу мүмкін емес дерлік

       болып табылады) ол бет тек бір тақырыбын

       болуы мүмкін екенін есте, сондай-ақ маңызды болып табылады;

     • - батыл мәтін;
     • - курсив;
     • - (ол бір тег, ол өшіріңіз қажеті жоқ, бірақ ол үшін кескін мәтінді көрсетеді Alt төлсипатын көрсету үшін талап етіледі) веб-бетте суреттер кірістіру;
     • <Бейне> - веб-бетте бейне кірістіру;
     • <Аудио> - тег құжат аудио файл енгізіледі.

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

     CSS

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

     CSS қолдану

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

     элементтері немесе үшін бір рет түсін орната аласыз. Веб-беттердің көрінісі ағымдағы талаптар ескере отырып, Cascading Style Sheets пайдалану міндетті болып табылады.

     Құжатқа CSS файлын қосылу үшін, тег сілтеме бар. Оны сәл жоғарыда оны пайдалану қағидасын сипатталған, бірақ ол бір жерде барлық стильдер үшін ғана емес. құжаттың «басшысы» орналасқан және сіз CSS файлдарын пайдаланбай мәнерлерін тіркеуге мүмкіндік береді тег <стилі>, бар. Міндетті емес қандай да бір әдісін немесе басқа пайдалану. Олар табысты үздік нәтиже үшін біріктірілуі мүмкін. стиль кестелері бар файлды жасау үшін, мысалы, кеңейту .css бар файлды құру Styles.css қажет.

     JavaScript

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

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

     редакторлар

     жаңадан үшін HTML негіздері веб-беттерді құру үшін ең ыңғайлы және практикалық бағдарламасы білімін болжайды. жоғарыда сипатталғандай, осындай Dreamweaver және сол сияқты көрнекі редакторлар, осы мақсаттар үшін жарамды емес. Сондықтан, қалыпты кітапшасында тегтер жазу? стандартты ноутбук макет үшін қандай да бір арнайы құралдар жоқ, өйткені бұл параметр, сондай-ақ күмәнді болып табылады. Бұл міндет сондай-ақ Notepad ++ жеңе алады. Бұл өнімнің үлкен плюс ол ашық көзі болып табылады және тегін таратылады болып табылады. Онда ыңғайлы синтаксис және автоматты жабылу тегтері бар. Notepad ++, сондай-ақ кең интерфейс тілдерінің ауқымын, және оңай көптеген толықтырулар көмегімен кеңейтуге өз мүмкіндігін қамтамасыз етеді.

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

     бастауыш HTML және CSS негіздері

     Өздеріңіз көріп отырғандай, веб-беттерді жасау өнерін үйрену ол бірінші қарағанда сияқты соншалықты қиын емес. Тек бірнеше ай практикалық сабақтар әзірлеуші үшін қорқақ бастаушы пайдаланушы сізді айналады. Vorstke кез келген бағдарламалау тілі немесе Linux үйренуге қарағанда әлдеқайда оңай үйренеді. Шын мәнінде, HTML тегтері сонша маңызды оларды қолданудың практикалық аспектілері түсіну емес.

     Adobe Photoshop жұмыс дағдылары осы бизнесте жамандығы емес. Бұл бағдарлама Сіз фотосуреттер, суреттер және веб-беттер басқа графикалық элементтер жұмыс істеуге мүмкіндік береді. Қазіргі уақытта ол «Photoshop» осындай мәселелерді шешуге үздік болып табылады, бәсекелестер сәл болды. компанияның Adobe өнім болып табылады, кім үшін ұқсас функцияларымен олардың көзайымы, онда Lightroom, GIMP, Illustrator және басқа да бағдарламаларға емес келді.

     Яғни HTML білімін береді

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