Пишете в HTML: Основни HTML концепции

Това е по-лесно, отколкото можете да мислите

Добра CMS улеснява публикуването на статии в уебсайта Ви. Но какво точно изпращате? Няколко параграфа от текста. И ако този текст не е форматиран правилно, прекрасната ви статия ще изглежда счупена на уебсайта Ви.

Добрата новина: ако се научите да пишете в HTML, вашата статия ще изглежда страхотно. С няколко основни концепции, ще пишете в HTML за нула време.

HTML: Езикът на уеб браузъра

"HTML" означава "HyperText Markup Language". По същество това е език за маркиране на текста ви, така че може да направи фантастични неща като да изглеждате смели или да се свързвате с друг сайт.

HTML е основният език на вашия браузър. Използваме много програмни езици за интернет (PHP, Perl, Ruby и др.), Но те в крайна сметка изплюват HTML. (Е, или JavaScript, но нека да запазим това просто.)

Вашият браузър приема HTML и го превръща в хубава уеб страница.

Научете се да пишете в HTML и ще знаете точно какво казвате на браузъра.

HTML маркира обикновения текст

HTML е маркиращ език, така че повечето "HTML" са само обикновен текст. Например, това е напълно добър HTML:

Здравейте. Аз съм HTML. Вълнуващ. Да. Невероятно.

Но чакай, кажи. Това не прилича на компютърен език! Изглежда английски!

Да. Сега знаете голямата тайна. HTML (когато се използва правилно) е четлив текст.

Научете се от вашия опит в процесорите на текста

Разбира се, искаме повече от обикновен текст. Искаме, да речем, курсив .

Вече знаете как да получите курсив в програма за текстообработка (като Microsoft Word или безплатната LibreOffice). Натискате малкия бутон I.

Всичко, което въвеждате оттук нататък, е в курсив. Можете да въведете за страници. Как спирате този фестивал на акцента? Натиснете отново бутона I. Сега вашият шрифт се връща към нормалното.

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

За съжаление тези крайни точки са невидими.

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

HTML използва "Етикети" & # 34;

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

Да приемем, че искате да измислите този по-ранен пример. Искате да начертаете с курсив думата "Вълнуващ". Ще въведете Вълнуващ . Като този:

Здравейте. Аз съм HTML. вълнуваща . Да. Невероятно.

Ще запазите това в текстовия редактор, след което копирайте и поставете HTML в полето "нова статия" във вашия CMS. Когато браузърът показа страницата, ще изглежда така:

Здравейте. Аз съм HTML. Вълнуващо . Да. Невероятно.

За разлика от текстовия редактор, не можете да видите курсив, докато ги въвеждате. Въвеждате маркерите. Браузърът чете етикетите, ги прави невидими и изпълнява инструкциите им.

Може да е досадно да виждате всички тези маркери, но правилният текстов редактор прави това много по-лесно.

Откриване и затваряне на етикети

Погледнете отново маркерите и . се превключва на курсив, точно както първото ви кликване върху бутона I. Изключва курсив, като второто ви кликване.

Вместо да кликвате върху бутон, въвеждате малки етикети. Етикет за отваряне на курсив, затварящ маркер, който да ги спре.

Забележете разликата между маркерите. Затварянето има /, наклонена черта. Всички затварящи маркери в HTML ще имат тази наклонена черта.

Не забравяйте затварящия маркер

Затварящите маркери са доста важни. Ами ако забравите затварянето , като това?

Здравейте. Аз съм HTML. вълнуваща. Да. Невероятно.

Сякаш забравихте отново да кликнете върху I , за да изключите курсив. Ще получите това:

Здравейте. Аз съм HTML. Вълнуващ. Да. Невероятно.

Един пропуснат маркер може да превърне цялата ви статия или дори останалата част от страницата в речника с курсив.

Това вероятно е най-лесната и най-неприятната грешка на начинаещия, който можете да направите. Но е лесно да се определи. Просто поп в заключителния маркер.

Сега научете някои етикети

Поздравления! Разбираш основния HTML код!

Обикновеният текст бе маркиран с етикети за отваряне и затваряне. Това е почти всичко.

Сега отидете да научите някои основни HTML тагове. (Може да искате първо да получите приличен текстов редактор.)