HTML: Основи за начинаещи

HTML е хипертекстовият маркерски език, който прави Интернет по начина, по който го познаваме и го обичаме. Благодарение на този прекрасен инструмент самите обекти изглеждат красиви и модерни, а също и удобство при използването им. HTML езикът просто композира елементите на уеб страницата в удобна за потребителя опция. Работата му е сравнима с това, което правят текстови редактори като например MS Word или OpenOffice. Те превръщат една безлична маса писма в документ, в който има абзаци, удебелен текст, курсив, таблици и дори изображения. Приблизително същото нещо прави HTML езикът, като единствената разлика е, че документите му се показват в браузъра и възможностите на този инструмент са много по-широки, отколкото в текстовия редактор. За маркиране се използват маркери - специални команди, които описват структурата на уеб страница. Те са затворени в ъглови скоби - <маркер>, така че браузърът да ги различава от общото тегло на текста. След това ще разгледаме основите на HTML за начинаещи.

Визуални редактори

Начинаещите, които току-що са стъпили по пътя на изучаването на HTML, често започват работа с програми, които ви позволяват да създавате уеб сайтове без никакви познания. В тях можете просто да организирате елементите на екрана, тъй като те ще се показват в браузъра. Изглежда, че тук е - източник на вечна благодат, която позволява да се отървем от повечето уеб програмисти. Но не всичко е толкова просто, тъй като визуалните редактори имат много недостатъци, които правят невъзможно използването им при сериозни проекти.

Всички тези програми създават много ненужни маркери, които правят крайната версия на страницата тромава и недостатъчна. Разбира се, в тази възраст на високоскоростен интернет, че е от по-малко значение, отколкото в миналото, но има няколко причини, поради които кратко и добре написан уебсайт е по-практично, отколкото своя колега, създаден в визуален редактор. Уеб страницата направи в такава програма ще бъде третиран зле от търсачките като важно за тях на всеки килобайта код и тромава и нелогично код с един куп семантични грешки едва ли ги има на вкус. В допълнение, редакторите често зад пъти, стават неподходящи, и да се харчат средства за тяхното развитие не е възможно, защото никой професионалист няма да използва тези продукти. Следователно всеки, който иска да работи в областта на създаването на сайтове, трябва да знае основните неща в HTML.

тагове

Както бе споменато по-горе, маркерите описват структурата на уеб страницата на браузъра. Повечето от тях имат етикет за отваряне и затваряне, но не всички. Например, , където вместо точки има съдържание. Първият показва къде започва тагът, а вторият го затваря. Вътре има други елементи от оформлението на страницата, които могат да бъдат вложени едно в друго като кукла. Важно е да затваряте маркерите своевременно, така че страницата да се показва правилно.

Има и отделни маркери, които не е необходимо да бъдат затворени. Те съдържат съдържание вътре, както и атрибути. атрибут може да се регистрира за повечето HTML тагове и да указва свойствата на елемента. Тя се обозначава в отварящия таг и изглежда така: attribute = "...", където вместо точки има стойност на атрибут. Знанието на маркерите е първата и най-важна стъпка за овладяване на HTML. Основите на това изкуство също така означават разбиране на структурата на уеб страница.

Структура на документа

Всеки HTML документ има съответното разширение, например Index.html. Така че браузърът може да разбере какво се занимава и да покаже правилно страницата. Всички файлове, използвани за създаване на сайта, е желателно да се съхранява в една директория, която в бъдеще значително ще улесни живота ви. Основите на хипертекстовия език за маркиране HTML поемат ясно разбиране за структурата на документа. Започва с етикет , като информира браузъра за версията на HTML, която се използва в този документ. Понастоящем петата версия на езика е релевантна, така че няма какво да се измисли, но можете да поставите горния маркер в горната част на всяка страница.

След това има основните двойни структури, които съставляват "скелета" на обекта. Първият маркер, в който са вградени всички останали - .... Всичко, което е извън него, не се разпознава от браузъра като уеб страница, така че той отваря документа и го затваря. Този маркер се изисква за всеки документ. Той съдържа още няколко задължителни маркера, които ще бъдат разгледани по-долу.

глава

Вътре в етикета ... съдържа техническа информация, която няма да се показва на страницата, но въпреки това е важна част от HTML документа. Основните положения на сайта се поставят точно на това място, тук се избира кодирането и се въвежда името на страницата. Той се съдържа в задължителния етикет . Показва се името в горната част на браузъра, където можете да поставите и малка икона, която характеризира съдържанието на страницата. Желателно е веднага да зададете кодирането на документа за правилното му показване. Това може да се направи с помощта на маркер. Мета таговете предоставят данни за структурата на страницата и обикновено се намират в главата.

връзка

Познаването на основите на HTML също включва използването на каскадни стилове на дизайн или css. Те задават свойствата на елементите, които ще се показват на страницата. Съвременният подход към тази задача включва придаване на такива характеристики като цвят, височина и местоположение на елемента в външен файл за по-голямо удобство. За да свържете css файл, използвайте маркера . В завършен вид изглежда така: , където href показва местоположението на файла и тип - на неговия тип.

тяло

В тази част на HTML документа е създадена видимата част на страницата. Всичко, което се прави в "тялото", ще се показва от браузъра. В Използват се огромен брой HTML тагове. Основните положения са текстово форматиране, работа с връзки и най-простите инструменти за структуриране на уеб страница. За да започнете в HTML, достатъчно е да знаете основните етикети и да можете да ги използвате. По-долу са най-популярните от тях:

• - Използва се за избор на поднардея, към който се прилага специалният стил, описан в css;
• - създава връзка към уеб страницата - адресът на прехода се определя от href-
• - един от най-популярните тагове ни ден на всички, които са решили да се научат основите на езиковата HTMLl трябва да обърнат специално внимание на това, защото това е блоков елемент, който е направен въз основа на лъвския пай от днешните уебсайтове (параметрите за блоковете
  са посочени в css и други блокове могат да бъдат разположени вътре в този маркер) -

• - избира параграф от текста - съдържанието на абзаца се намира между етикетите за отваряне и затваряне;

• - Номентуален списък, чиито елементи се съдържат в двойния етикет
• ;
- списък със символи, в който, както и в номерираните, елементите се обозначават с етикет
• ;
• - смел текст-
• - kursiv-
• - вмъкване на снимка в уеб страница (това е един маркер, не се нуждае от затварящ маркер, но е необходимо да се посочи алтернативният атрибут, който указва текста на изображението);

Това не са всички тагове, необходими за създаване на собствена уеб страница, но те са достатъчни, за да положат основите на HTML за начинаещи.

CSS

Разработването на HTML език доведе до факта, че всеки маркер е придобил много атрибути, а изискванията към появата на уеб страници са се увеличили значително. Кодът стана тромав и неудобен, беше трудно да се прочете, а не какво да се адаптира или промени. Освен това, след това трябва да се поти, промяна на всяка ръка, ако сайтът ви десет страници, на които много заглавия, маркирани в зелено, и изведнъж иска да ги направи червено. С настъпването на каскадни стилови листове този процес стана опростен и логичен, а HTML кодът стана много по-разбираем.

Прилагане на CSS

За да създадете уеб страници, трябва да знаете основите на HTML и CSS, тъй като сега, без да знаете каскадни стилови листове, няма какво да правите в тази област. Те определят атрибутите за всеки елемент, който се отнася за целия документ. По този начин можете да настроите цвета на всички елементи наведнъж

или , като написа само едно правило. Като се имат предвид съвременните изисквания за появата на уеб страници, използването на каскадни стилови листове е задължително.

За да свържете css файла с документа, има тагове за връзка. Малко по-горе беше описан принципът за използването му, но това не е единственият вариант, който съчетава всички стилове на едно място. Има и маркер

jаvascript

Често човек, който реши да разработи уеб страници, разбира, че за задачите си, не достатъчно от инструментите, които предлага HTML. Основните неща ще ви позволят да създадете красива страница, но какво ще стане, ако изведнъж трябва да я направите интерактивна? За тези цели има един уникален език за програмиране на сценарии, който перфектно взаимодейства с HTML. Тя се нарича jаvascript, тъй като е замислена като по-млад брат на популярния език на Java. Днес тези езици придобиват значителни различия и разликата между тях нараства само.

jаvascript може да подобри възможностите на HTML, позволява ви да създавате и редактирате маркери. Също така, като използвате този чудесен инструмент, можете да работите с Cokie, да изтегляте данни от сървъра, без да презареждате страницата, да направите сайта по-интерактивен, отколкото HTML позволява. Този език има и ограничения, свързани със сигурността. Ако jаvascript не се използва от сървъра, той ще бъде изпълнен при условия, които ограничават неговите възможности, така че нападателите да не могат да използват злонамерен код на който и да е компютър.

редактори

Основите на HTML за начинаещи предлагат познания за най-удобните и практични програми за създаване на уеб страници. Както е написано по-горе, визуалните редактори като Dreamweaver и други подобни не са подходящи за тази цел. Затова пишете маркери в обикновен бележник? Тази опция също е съмнителна, тъй като стандартният ноутбук няма специални инструменти за оформление. Notepad ++ може да се справи добре с тази задача. Голям плюс на този продукт е, че той е с отворен код и е напълно безплатен. Той има удобно подчертаване на синтаксиса и автоматично затваряне на маркери. Notepad ++ също така предлага широк избор от интерфейсни езици и възможностите му лесно се разширяват с множество добавки.

Висок текст 3 - програма, подобна на Notepad ++, но се разпространява на такса. Тя е тя, която спечели сърцата на повечето разработчици. Високият текст 3 е идеален за jаvascript, CSS и HTML. Основите на работата с него ще трябва да бъдат изучавани независимо, но си заслужава. Той има наистина безкрайни възможности за фина настройка, което ви позволява да увеличите максимално програмата за вашите нужди.

Основи на HTML и CSS за начинаещи

Както виждате, изучаването на изкуството за създаване на уеб страници не е толкова трудно, колкото изглежда на пръв поглед. Само няколко месеца практическо обучение ще ви превърне от плах потребител в начинаещ програмист. Да се ​​научиш да правиш оформление е много по-лесно, отколкото да научиш език за програмиране или Linux. Всъщност, HTML таговете не са толкова много, че е важно да се разбере практическият аспект на тяхното приложение.

Не е излишно в този случай ще бъде умението да работите в Adobe Photoshop. Тази програма ви позволява да работите с снимки, картини и други графични елементи на уеб страница. В момента, това е "Photoshop" най-добре се справя с такива проблеми, той има няколко конкуренти. За тези, които не харесват този продукт на Adobe, има Lightroom, GIMP, Illustrator и други програми със сходни функции.

Какво дава знанието на HTML

Уменията за създаване на уеб страници са много актуални днес, тъй като интернет се разраства със скокове и граници. Всяко предприятие, всеки, дори най-малкият магазин, семинарите и спортните клубове - всички искат да имат собствен уебсайт. И, разбира се, за това ще се нуждаят от разработчик, който притежава CSS и HTML. Основните положения са лесни за овладяване, след което въпросът е зад практиката. Тъй като технологиите за оформление непрекъснато се развиват, разработчиците от предния край винаги ще бъдат в процес на търсене. Всеки, който реши да се посвети на тази интересна индустрия, никога няма да остане без работа.