КомпютриПрограмиране

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

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

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

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

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

тагове

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

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

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

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

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

глава

Вътре в тага <главата> ... съдържа информация от технически характер, което няма да се показва на страницата, но, въпреки това, е важна част от HTML документа. известие на сайта положени в това място, са подбрани и представени на кодирането на името на страницата. Той се съдържа в рамките на задължителната тага <заглавие> ... . Това показва името в горната част на вашия браузър, където можете да поставите малка икона за съдържанието на страницата. Препоръчително е да се уточни веднага кодировката на документа за правилното му дисплей. Това може да стане с етикет <мета набор от знаци = "UTF-8" /> в. Мета данни на страници предоставят структура и обикновено са разположени в главата.

връзка

Основни познания за HTML и включва използването на каскадните стилове, или CSS. Те определят свойствата на елементите, които ще бъдат показани на страницата. Модерният подход към този проблем е свързано с налагането на такива характеристики като цвят, височина и местоположението на обекта, към външен файл за допълнително удобство. За да свържете CSS-файл използва тага <връзката />. В завършен вид, тя изглежда по следния начин: <линк HREF = HTTP: // сайт /article/250376/%E2%80%9Dstyle.css%E2%80%9D тип = "текст / CSS" />, което показва, HREF на местоположението на файла, и вида - от неговия тип.

тяло

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

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

CSS

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

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

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

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

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

JavaScript

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

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

редактори

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

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

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

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

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

Това дава познания за HTML

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bg.birmiss.com. Theme powered by WordPress.