Основи на HTML за начинаещи, това, което всеки начинаещ уебмастър или блогър трябва да знае сега. Ако искате да научите как да създавате елементарни сайтове, да разберете самия код, да знаете какво стои зад какво и трябва да върви, без познаване на основите на html езика, това е просто невъзможно. В моя блог ще имам цяла верига от статии, които ще посветя на тази тема от А до Я, ще опиша всеки таг, който присъства в документа, какво означава и как да го използвам правилно.
Основи на HTML
Ако не знаете най-елементарното, пътят ви е затворен по-нататък. Вярвам, че всеки човек, който реши да се занимава с разработката и създаването на сайтове, трябва да знае и разбира основите от какво се състои самият сайт, как работи и какво се случва в самия код.
Разбира се, има доста езици за програмиране, всички те са сложни по свой начин, но има някои, които трябва да знаете. Ако искате да оформите красиво писмо за изпращане по пощата, имате своя собствена група Vkontakte, група в други социални мрежи, същото youtube канал, трябва да се ровите в кода на някой от двигателите на сайта, основни понятияпросто трябва да знаеш.
Дадох само няколко примера, всъщност сега това знание все повече се използва в интернет. Аз съм повече практик, отколкото теоретик, така че в моите статии в този раздел ще ви покажа моите примери за това как и какво съм правил, стъпка по стъпка. Ще публикувам както примерни страници, така и цели сайтове.
HTML документът е най-простият Текстов документ, езикът на етикетите, който срещате всеки ден в Интернет. Етикетите описват структурата на документа. Маркиран с ъглова< >скоби, вътре в които е изписано името на етикета. Браузърът разглежда структурата на документа, изгражда го и го показва според инструкциите на монитора ви, ако сте направили всичко правилно, разбира се.
Целият този процес започва преди да видите вече готовата картина. Браузърите обработват документа последователно, от началото до края. Включително всичко, което трябва да бъде изцяло на страницата. Таблици, снимки, скриптове и така нататък, с изключение на CSS стилове.
Основи за начинаещи
Какво е html - ако погледнете какво пише Уикипедия -(HyperText Markup Language) език хипертекстово маркиранедокументи. Повечето от страниците в Интернет съдържат маркиране на страници на този език. Този езикинтерпретиран от браузърите, полученият форматиран текст се показва на монитора на вашия компютър или мобилно устройство.
Този език по своята същност е много лесен и достъпен за изучаване. Всеки може да научи и разбере нейните основи. За да използвате такъв език, трябва да знаете и използвате дескриптори, които също се наричат тагове. Документът се създава с помощта на тагове.
От какво трябва да се състои структурата на документа, какви тагове трябва да присъстват. Нека го разбием с един малък пример. Написах някакъв текст в MS Office и го показах на тази екранна снимка.
За показване този текств браузъра по същия начин, както е написано в документа, за това трябва да добавите маркировка на страницата към него, която включва някои тагове. Първо ги разгледайте, после ще опиша всеки кой за какво отговаря.
Добре дошли в моя блог, сега приемате урок по основи на HTML. Ако ви е харесала тази статия, можете да се абонирате за този блогза да получавате нови статии на вашия имейл.
Блог на Евгений Несмелов! Основи на html и css сайт за начинаещи
От какви тагове се състои всеки html документ, какво е включено в него и къде трябва да се напише всичко.
< html > < body > < h2 >< / h2 > < p >Добре дошли в моя блог, сега приемате урок за Basic HTML. Ако тази статия ви е харесала, можете да се абонирате за този блог, за да получавате нови статии от имейл кутията си.< / p > < h2 >Блог Евгения Несмелова! Несмелов. ru Основи на html и css за начинаещи< / h2 > < / body > < / html > |
Всеки код се състои от символи, които се поставят ъглови скоби... Всичко това се наричат елементи. Всички елементи обикновено се състоят от два етикета, отварящ и затварящ. Съветвам ви първоначално внимателно да разгледате етикетите, ако пропуснете някой от тях и не го затворите, ще трябва да ревизирате големи части от кода, за да намерите грешката.
Имало е случаи, когато е отнело повече от един ден, човек моли за помощ, не може да намери грешка в сайта си, така че винаги гледайте много внимателно какво и къде пишете. Нека сега да продължим този примернека разгледаме всеки елемент от кода, какво пише в него, какво означава и какъв е резултатът.
Повечето от таговете са сдвоени, които включват отварящ таг и затварящ таг. В допълнение към тези тагове има и единични тагове. Етикетите могат да вървят заедно с други, като по този начин се влагат един в друг. Например показване на текст с получер и курсив наведнъж.
Текст
< strong > < i >Текст< / strong > < / i > |
Структурата на html документа
Нека ви напомня отново, че трябва да спазвате правилата, които присъстват в документа. Така браузърът разбира какво има на страницата, нейната последователност, съдържание и т.н.
Тагът е компонент, който казва на уеб браузъра да изпълни определена задача. Например наличието на абзац, таблица, формуляр или изображение.
Атрибут - променя етикета. Например, можете да подравните параграф в центъра или вдясно, да зададете позицията на изображението на страницата по същия начин и т.н.
ВИНАГИ затваряйте таговете, ако го отворите, не забравяйте да го затворите. V в противен случайще има грешка и вашият документ ще се покаже неправилно на страницата. Има и изключения, които не бива да се забравят.
Очевидно е необходимо да се разбере, че има заглавие за документа и неговото тяло. Заглавието е всичко, което има за етикет.
... Тялото на документа ( ), тялото на документа съдържа цялото съдържание на страницата. Ако се наложи да оставите част от кода за себе си, като по този начин затворите тези тагове в коментар, използвайте маркера... Всичко вътре в такъв таг служи като коментар и не се възприема от браузърите.Нека започнем с първия. В началото на документа отворих етикета и накрая го затворих. Този кодприсъства в абсолютно всеки документ, той казва на браузъра, че всичко между тези тагове е HTML код. Това е коренът на самия документ, всичко, което впоследствие присъства зад този таг, вече не е включено в документа и не се възприема от браузърите. В самото начало на документа етикетът се отваря и в самия край трябва да бъде затворен.
Целият раздел на този маркер съдържа цялото техническа информациядокумент. Подобно на предишния етикет, главата също трябва да е отворена и затворена в края. Тази информация включва заглавието на страницата, нейното описание, ключови думиза търсачки и кодиране. Малко по-долу за кодирането.
Съдържание< head >Съдържание< / head > |
Този етикет е включен в главата, той трябва да бъде написан вътре етикет за глава... Този етикет за заглавие е задължителен и трябва да присъства във всеки html документ. В допълнение към това се показва като заглавие на прозореца на браузъра. Дължината на такова заглавие не трябва да надвишава 60 знака. Текстът на такова заглавие трябва да съдържа колкото е възможно повече пълна информация, който характеризира съдържанието на страницата.
Ако сте написали в заглавието "Здравей свят", това е информацията, която трябва да се показва на страницата и никаква друга. Не бива да заблуждавате хората и търсачките, те не харесват това, като по този начин се влошавате. Информацията, съдържаща се в този маркер, трябва да съответства на съдържанието на вашата страница.
След необходимия етикет за заглавие има незадължителен, но също така доста важен маркермета. Този таг е единичен. Този таг се използва за задаване на описание на страницата (описание) и нейните ключови думи (ключови думи).
Освен това, в мета тагможе да съдържа информация за автора на страницата и други свойства на метаданните. Можете да забраните индексирането на страницата като цяло за търсачки... Слагам автоматично актуализиранестраници след 20 секунди или след 5 секунди и след това преминете към друга страница.
< meta name = "robots" content = "index, follow" > < meta http - equiv = "refresh" content = "20" > < meta http - equiv = "refresh" content = "5; url=http://сайт/" > |
Може да има няколко такива мета елемента, тъй като те могат абсолютно да носят различна информация... Други потребители, когато отворят страницата в браузър, не виждат всичките ви описания, всичко това остава скрито от погледа.
Тег style так же можно использовать для задания стилей на странице. Если вы используете много разных стилей css, в таком случае желательно задавать их в отдельном файле. Если нужно указать несколько из них, все это можно задать прямо в html документе.
-
Проверка дали дискът работи правилно в Ubuntu -
Subtitle Edit е страхотна безплатна програма за редактиране на субтитри Програма за редактиране на субтитри srt -
Инсталиране на mc - инсталиране на midnight commander -
Wireshark: Анализ на трафика за Linux и Windows -
Пропускане на елементи, от които не се нуждаете