Основи на HTML основни понятия, работа с HTML-код - Моите статии - Издател - Личен сайт

World Wide Web - най-значимото постижение на 20-ти век. Той е създаден в края на 80-те години на миналия век, но технологията за работа с нея все още се разработва. В основата на тези технологии е HTML (HyperText Markup Language - хипертекстов маркиращ език).

Използване на HTML, можете да създадете статични страници и сайтове.

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

Основни понятия в HTML

HTML-код - уникална поредица от знаци, чрез която дадена уеб страница, получава свой уникален облик. Код за дадена уеб страница - все едно, че ДНК на човека.

Вторият метод не работи в Internet Explorer. И последната опция е налична само ако страницата се съхранява на медиите на вашия компютър.

2. елемент

Елемент - е в основата на HTML. връзка към изграждане на кода, неговата неделима единица. Всеки код ти пиша, за да създадете уеб страница, ще се състои от елементи. Абсолютно всеки.

HTML елемент, е знак или комбинация от знаци.

Примери на елемента: р, Br, h1, IMG, мета, маса, силен, адрес, basefont

Комплект прилага към HTML елементи, е строго ограничено. В кода си, можете да ги използвате само. Преглед на пълния списък >>

Tag е елемент затворени в ъглови скоби. Страниците на код са написани табелки с имена, а не на самите елементи.

Примерът показва т.нар отваряне тагове. В повечето случаи, завършване фрагмент от код на маркера за отваряне на е необходимо да добавите затварящ маркер.

Примери затваряне етикети:

Капитализацията на писане етикет е без значение. Т.е. запис и абсолютно идентични.

4. контейнер

Контейнер - набор от отваряне и затваряне тагове.

Lorem Ipsum - текст се изхвърлят в контейнер, който по принцип може да бъде всеки.

Гледайки напред, аз ще кажа, че контейнер р елемент в горния пример създава точка с Ipsum текст Lorem. В този случай, отварящ маркер

Той определя началото на параграфа и затваряне

- своя край.

5. Един единствен маркер.

Единична етикет - това е този, който не изисква затварящ маркер. Тя не създава контейнер.

Пример един маркер:

6. Възможност Tag

Параметри ви позволяват да настроите начина на показване на информацията, която се добавя към маркера. Например, маркерът

Тя ви позволява да добавите точка към страница. И използването на този параметър подравняване таг позволява подравняване точка на левия или десния край:

В резултат на този дизайн пространство в кода, а точка на дадена уеб страница ще бъде подравнен вляво.

И този код, ще се приведе в съответствие с параграф надясно.

Параметрите могат да имат само отварящи тагове.

7. параметър

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

Примери за маркери към параметрите и техните стойности:

На Space и Enter ключове

Когато пишете код вътре в тага, трябва да се помни, че там не се допускат допълнителни и липсващи знаци. За код вътре в етикет, трябва да бъдат изключително внимателни.

Сега, за пропуски и enterah при писането на кода между маркерите:

1. Браузърът игнорира редица различия между таговете, го приема за един интервал:

Но това не е еквивалентно на дизайна:

2. браузъра игнорира нови редове между тага, да ги вземе за липса на характер:

А също и еквивалентни конструкции:

По този начин, всеки код може да се запише като цяло в един ред. Всички нови редове в HTML-кодове са направени само за удобство на писане и четене.

Основи на HTML кодиране, или как да работят с HTML код

Първо, ние трябва да се променят свойствата на дисплея на файлове на вашия компютър (ако вашите файлове са показани с разширения, пропуснете следващите два параграфа).

Отворете някоя папка, като "My Computer". В изберете Инструменти горното меню => Folder Options. Натиснете Ctrl + Tab. след това два пъти Tab. Сега натиснете бутона 16 пъти ⇓

Трябва да сте назначен низови Скрий разширенията за известните типове файлове на. Извадете го от кутията, и кликнете OK. Ако сега погледнете вашите файлове във всяка папка, ще видите, че след името на файла е неговото разширение, разделени от името на точката. Ако това е вярно, можем да продължим.

Създаване на нова папка с име "Моите страници". Отворете папката и отворите контекстното меню, щракнете с десния бутон. = Натиснете New> Текст на документа. Името на създадения индекс документ и да го даде .html разширение вместо .txt. След това два пъти, след което натиснете Enter. Създали сте уеб страница!

Отворете го с двойно кликване или чрез натискане на клавиша Enter. Както можете да видите, че страницата е празна. ние ще поправим това точно сега.

Без да затваряте страницата, отидете в папката, в която се намира, и кликнете върху файла, щракнете с десния бутон. В менюто, което се показва, изберете. Отвори с => Notepad. Поставете кодовия фрагмент, разположена под прозореца на незабавна и след това натиснете Ctrl + S (запазване).

Част от код, който да поставите в Notepad Начало

добре дошъл

Това е първият ми уеб страница. Добре дошли.

Без да затваряте бележника, отидете на уеб страницата отворен по-рано и натиснете F5 (Обновяване). Поздравления, които сте създали първата в уеб страницата си живот. От същата страница, и това е цялата интернет, но те не се намират на вашия компютър и сървър на компютри.

Сега се върнете в Notepad и смените думата бяло е lightyellow. натиснете Ctrl + S. След това преминете към браузъра си и натиснете F5. Предистория променено на светложълт!

Това е най-лесният начин да работите с HTML-кода: редактира уеб страница трябва да бъде отворен в Notepad и браузъра едновременно. В Notepad, промените кода и в браузъра, за да се провери резултатът от тази промяна. Често, което трябва да се промени един етикет или с една стъпка до параметъра; Затова, повтарям: не забравяйте да запазите страницата се отвори в Notepad и браузъра. затваряне на тези прозорци само при сключване на дадена страница.

Превключване между бележника и браузъра лесно да се използва комбинацията Alt + Tab. Като цяло, работата с код е винаги по-добре да използвате клавиатурата. За по-големи обеми на работа, което значително спести време. Тук са клавишните комбинации, които аз се използват:

Ctrl + C - копие
Ctrl + V - паста
Ctrl + X - да се изрежат
Ctrl + A - изберете всички
Ctrl + Z - връщане
Ctrl + S - спаси
Ctrl + W - за да затворите файла

В комбинация Ctrl + U е особено интересно, защото тя ви позволява бързо да отидете на страницата за код, който разглеждате, без значение къде се намира и как да пишат. Отиди в момента на страницата на любимия ви сайт и кликнете има пряк път. Обикновено, не е тя?

Има и друг начин на изходния код призвание - чрез контекстното меню. Въпреки това, в интернет има страници конспиративна код; на тези страници, благодарение на усилията на своите създатели наричат ​​контекстното меню е просто невъзможно. В този случай, ще получите комбинацията Ctrl + U. срещу които няма пари.

При редактиране обем код е неуместно да се търси необходимата фрагмент на очите. Вместо това, по-лесно да търсите за конкретна забележителност. Например, вие знаете, че в непосредствена близост до маркера, който търсите, е фразата "Основи на HTML задачите». След това натиснете Ctrl + F. намерите тази комбинация, а с него и желания фрагмент. В определени ситуации, този метод на търсене може да ви спести много време.