Основи на 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. намерите тази комбинация, а с него и желания фрагмент. В определени ситуации, този метод на търсене може да ви спести много време.