Какво е HTML? Какво прави? И за какво се използва? (Видео обяснение)

Разбирането на HTML отваря мрежата. След като разберете какво е и как работи, скоро ще видите как са основите на голяма част от цялостните интернет функции – и по-важното: както основни уеб страници се създават, така и как да ги редактирате. Нещо повече, макар и в началото да е обезсърчително, HTML е наистина много прост език за научаване! Готови сте да разберете всичко за HTML?


Нека да разгледаме …

Какво е HTML и какво прави ?:

– (забележка: видео кредити към Topher DeRosia – създател на HeroPress

Видео препис:

Здравейте! Това е Topher с WinningWP. В това видео ще отговорим на въпросите: Какво е HTML? Какво прави и за какво се използва? Ще започна, като ви кажа за какво се отнася и тогава ще ви покажа какво прави и за какво се използва. HTML означава език за маркиране на хипертекст, а хипертекстът се отнася до факта, че HTML го прави така, че да можете да щракнете върху връзки в уеб страници. Това е хипертекстът. Езикът за маркиране на думи просто означава, че това е нещо, което използвате, за да маркирате нормален английски, за да обозначавате нещата. Lemme ви показвам какво имам предвид: Това е нормална уеб страница. Той е в WordPress и цялата страница използва HTML, за да каже на браузъра какво да прави с целия този текст. Някои от тях са по-важни от други, някои от тях са в таблици, някои от тях са изображения и на всяка уеб страница, във всеки браузър, можете да щракнете с десния бутон и да видите източника на страницата и да видите целия този HTML код. За щастие, не е нужно да знаете целия този HTML код. Ще ви покажа какво трябва да знаете в контекста на WordPress. Това е същата публикация, но в администраторската област и ако сте свикнали с WordPress, това трябва да изглежда познато. Това е нормалното съдържание. Този тип редактор се нарича wysiwyg, защото това означава, че виждате това, което получавате. Тази дума първо е малко по-тъмна от всички останали, защото я подчертах и ​​щракнах върху удебеления бутон, и сега изглежда смела. Тази дума, статистика, всъщност е заглавие, размер три и разнообразието също е заглавие, размер четири, но този нормален текст е само абзац. Сега точното нещо за този редактор е, че точно тук горе вдясно е бутон, който казва текст. И сега гледаме същата информация, но можем да видим суровия HTML код. Точно тук е първата дума. Спомняте ли си как го подчертах и ​​го направих смел? Това, което всъщност се случи, е увито в някои HTML тагове, наречени силни. HTML обикновено се предлага в два маркера: отваряне и затваряне, а затварянето е различно, защото тук има тази малка наклонена черта. Така че нещо наистина важно да знаете за HTML е, че той описва текста, който маркира. Всъщност не искам това да е смело. Искам да е силно. За екранен четец няма значение дали е смел или не, но силният етикет кара читателя да го каже допълнително насила. Моите заглавия, три и четири, точно тук, посочват йерархия на този текст. Може да е полезно за хората, които четат, но наистина е полезно за Google да разбере какво се случва с вашия текст, а също така е полезно и за читателите на екрана. Нещо важно е да се отбележи, че не всички браузъри визуализират HTML по един и същи начин. Дори точно тук, в този браузър, който е Chrome, това е размер на заглавката четири и изглежда като текста на абзаца. Но ако се върнем към действителната публикация, ще забележите, че тя е много по-голяма от текста на абзаца. Също така е важно да запомните, че не всички браузъри показват нещата по един и същи начин. Така че не можете да разчитате на HTML, за да го направите по-голям и смел. Вие просто използвате HTML, за да го опишете като размер на заглавието три и тогава браузърът се грижи какво да прави с това. В някои случаи това го прави по-голям и смел, но в други не. В рамките на тази публикация имаме таблица точно тук и ако преминем към текстов режим, можете да видите, че тя е точно тук: таблица, тяло на таблицата, ред на таблицата и т.н. И долу под масата имаме изображение. И в html изображението изглежда така: започва с img, след това има клас, за който ще говорим в друг видеоклип, а след това има и маркера на източника, който ни казва къде е изображението в интернет. Имаме алт маркер за екранни четци и имаме етикет за ширина и височина, така че браузърът да знае предварително, колко голямо ще бъде това изображение. Вероятно няма да ви се налага да използвате този текстов раздел много често, но да научите малко за това как работи HTML може да ви спести много време някъде в бъдеще. Когато редакторът wysiwyg не се държи така, както трябва, можете да щракнете върху раздела с текст и да видите какво се случва. Може би наистина искате това двоеточие да е вътре в силните маркери, но мишката ви не искаше да го подчертава правилно. Но ето ви, сега е вътре. Сега можем да актуализираме и ще излезем тук и още не съм се заредил, така че дебелото черво все още е извън силното, но ако презаредим сега, ще видите, че то стана малко по-смело. Нека да прегледаме това, което сме научили досега: HTML означава езика за маркиране на хипертекст и това означава, че това е език, предназначен да маркира нормален английски в хипертекст, а първоначално хипертекстът просто означаваше, че можете да го щракнете, но сега това означава всякакъв вид на неща, като деклариране на заглавки и таблици и изображения. HTML описва целта на текста. Тогава зависи от уеб браузъра да знае какво да прави с този текст. Ако искате да научите повече за WordPress, разгледайте WinningWP.com.

Вижте още видеоклипове …

Какво да добавя?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me