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

HTML HyperText Markup Language білдіреді. Аударылған, ол «Hypertext Markup Language» дегенді білдіреді. бұл бағдарламалау тілі, атап айтқанда белгілеу сайт емес, - ол HTML екенін түсіну маңызды.

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

Бұл тіл арнайы тегтерін пайдаланады. Әрбір тегі функциясы бар. Олардың көп. Ең дұрысы, сіз бәрін білу керек. Бірақ бастауыш Базалық білімнің жеткілікті.

HTML негіздері

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

элементі басталады және ашылу және жабылу тегті пайдаланып жабады қайда көрсетіңіз. Бұл ұқсайды.

мазмұнын <тег бастау>

Өздеріңіз көріп отырғандай, ашылу және жабылу тег «/» арқылы ғана ерекшеленеді.

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

Сондай-ақ, тілі HTML құрылымы өз иерархиясы бар екенін есте сақтаңыз. Әйтпесе, ол ұя деп аталады. HTML тег барлық басқалары оның ішінде, өйткені, ең маңызды болып табылады.

HTML, екі бала элементтері бар:

• ... ;
• .. .

HEAD бөлімінде әр түрлі қызмет көрсету туралы ақпарат көрсетеді. Бұл ақпарат браузерде көрсетіледі жоқ. Мысалы әзірлеушілер үшін, нұсқаулар, барлық бағдарламалар, роботтар және одан да көп.

ең бастысы - ешқандай мазмұны жоқ.

BODY Бөлім пайдаланушыға көрсетіледі құжаттың, мазмұнын көрсетеді.

болуы және 10 тармақшалар мүмкін дереу, қоғамдық және жеке тегтерді жасауға үйреніңіз. Сонымен қатар, ыңғайлы болу үшін кірістірілген тегтер абзацтан істеу. Мысалы, осы сияқты.

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

қарапайым HTML бетін жасау үшін қалай

Сіз редактордың қандай қажет кодын жазу үшін. Олардың көп. Танымал Notepad ++ және Adobe Dreamweaver болып табылады. Сіз сондай-ақ ноутбукты пайдалануға болады.

Мұнда қандай Notepad ++ редакторы болды.

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

жарық тіліне сәйкес келуі үшін, ол параметрлерінде көрсету қажет.

Notepad жылы HTML бетін жасау жолын қарастырайық. Яғни техникалық бөлігін аяқтау болып табылады, содан кейін ғана тегтің зерттеу үшін жылжытыңыз.

Ноутбуктың бір веб-бетті құру үшін қалай HTML

Біріншіден, кітапшасын ашу.

Содан кейін келесі скриншоте көрсетілген, бұл оған теріңіз.

жай көшірмесі, қолын ғана жазыңыз үйренесің. Егер сіз қолыңызды жазған кезде, сіз жақсы бүкіл тег деректер базасын жаттап.

Содан кейін «Файл сақтау» және файл атауын көрсетіңіз, бірақ кеңейту .html бар мәзір басыңыз.

Файл браузерде ашылды, және нәтиже рахаттану мүмкін. Енді сіз ноутбук HTML веб-бетті жасау қалай айқын болуы тиіс.

Дүниежүзілік консорциумы W3C

Интернет үшін барлық стандарттар әзірлейді және жүзеге асырады, мысалы, W3C сияқты ұйым бар. Барлық браузерлер осы ережелерге сәйкес беттерге осы стандарттар мен процесс макеті (лар) жатады.

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

Сіз дұрыс болуы мүмкін, бұл туралы ойлауға болады? Барлық осы тегтер ұсыныс бар. Олардың бірнеше:

• Қосымша тег.
• Тыйым салынған.
• Бос тег.
• ескірген
• Жоғалған.

HTML тегтер

Сіз HTML-бетті жасамас бұрын, сіз басшысының қызметте болуға екенін түсіну керек.

Бас алаңында міндетті және факультативті тегтер екі бар. Міндетті тег тақырыбын жатады. Ол <атауы> атауы белгіленеді. Ол бүкіл құжатқа беріледі. Тег атауы - Ал сен не Google іздеу жүйесін нәтижелері қараңыз.

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

Олар ретінде тағайындалған

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

мұндай корпусында мысал:

жалғасы ->

шолғыш келесі нәтижесі болады

Бірінші пікір жалғасы ->

Бірақ <бір элементі -! Бірінші болып пікір айтыңыз көрінбейтін болады. Екінші ашылу тег

мәтіндегі тақырыптары

Атауы тегті пайдалану Head бөлімінде ғана емес көрсетеді. тақырыбындағы тұрғысында міндетті көрсетілуі тиіс. тек бастап пайдаланушы көреді.

Газеті деңгейдегі түрлі келеді. Мәтіндегі Осылайша иерархия. кітабында Equivalent көлемі, тараулар, параграфтар.

Бұл жай ғана 6 деңгейлері болып табылады. Негізгі тақырыбы

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

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

Бұл ұқсайды.

параграф

Егер сіз тег

... тіркелу керек коды негізгі мәтін. Ол сөздің «Параграф» келді. Әрбір тармақ бір жинақтарында бәрін мүсіндеу

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

тегтің аудару жабық емес екенін ескеріңіз. Ол жалғыз болып табылады.

мысал өлеңдер туралы қарастырайық.

Түрлі тегтер, оның «атымен» қосымша, бұл атрибут бар. Мысалы, тармақ тег Туралау белгіленеді атрибут «теңестіру» бар. Ол сол жақ, оң жақ, орталығына орнатуға болады. Яғни, солға немесе оңға немесе орталыққа теңестіру болып табылады.

сілтемелер пайдалану

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

сілтеме мәтіні

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

қорытынды

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

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