HTML-құжаттың құрылымы: негізгі тегтер, мысал

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

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

HTML-құжатты құру

Сайттың қарапайым бетті кез келген редакторында болуы мүмкін жасау. тіпті, «Блокнот» қолайлы. жаңа бастаған әзірлеуші үшін autosubstitution функциялары мен басқа да кеңестер бар басқа редакторлар пайдалану ұсынылады. Бұл сіз дайын кестелер, сілтемелер, суреттерді және басқа да элементтерін жасауға мүмкіндік береді. Ал «Блокнот» әрбір хат қолмен жазу.

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

Html тілі иерархиялық болып табылады. Яғни, HTML-құжаттың арнайы құрылымы бар. Бұл не? Түсінікті үшін келесі қарастырайық.

HTML-құжаттың құрылымы. мысал

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

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

HTML-құжаттың құрылымы - негізгі тегтер:

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

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

Бөлім басшысы

Бөлім басшысының 3-тармаққа сәйкес фигура. Бұл бөлімде қызметтік ақпаратты анықтайды. Мысалы, сіз кодтауды (4-тармақ) және беттің (5-қадам) атағын көрсетуге болады.

атауы әрқашан болуы тиіс. Онсыз, іздеу қозғалтқыштың ешқайсысы веб-бетте мазмұны (мәтін) атауын анықтау мүмкін емес. Және бұл сайтқа жылжыту үшін жаман. Сонымен қатар, браузердің жоғарғы бет атауын орнатыңыз болмайды. пайдаланушыға Бұл қолайсыздықтар.

HTML-құжаттың құрылымы атауы <атауы> тек Бөлім басшысы көрсетілген болып табылады. дене бөлімінде көрсету үшін <атауы> тег, немесе ол назар аударады емес, обработчик, кейін болса.

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

байланыс стильдер

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

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

төмендегідей файл жалғаңыз.

<Сілтеме REL = «стильдер кестесі» HREF = HTTP: // сайт /article/256158/%E2%80%9Cstyle.css%E2%80%9D түрі = «мәтін / CSS»>

HREF атрибуты файлының жолын көрсетеді. жолы қате болса, стильдер жүктеліп алынбаған. түрі төлсипат, сондай-ақ бұл CSS файлын көрсетеді, ол қажет.

Тағы бір нұсқа бөлім басшысы тікелей мәнерлерін анықтау болып табылады.

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

Егер класс тек бір бетте пайдаланылатын болады болса, онда бұл параметр сіз үшін дұрыс болып табылады.

байланыс сценарийлерді

төмендегідей Сценарийлер байланысты.