научете

В днешно време се говори много, че можете да създадете цялостна и оптимизирана уеб страница, без да се налага да знаете HTML. И е вярно, но при проектирането ще се сблъскате с проблеми, при които ще си помислите „ако знаех някакъв код, бих могъл да разреша този проблем ...“. Ами тук ви показвам малка ръководство за да научите основите на HTML кода.

Съдържание

Какво е HTML код?

Става въпрос за a програмен език който се използва за разработването на уеб страници. Съкращението HTML съответства на Език за маркиране на хипертекст („Hypertext Markup Language.“ Този език позволява структура текста на документите и се основава на етикети които определят как да се показва текстът и атрибути които могат да вземат такива етикети.

Основи на HTML кода

1. Частите на уебсайта

Всяка уеб страница е разделена на две основни части: Табла и тяло (глава и тяло).

Заглавката е "не се вижда" част от уеб страницата. Това означава, че всичко, което е посочено там, няма да се появи на страницата като такова, но въпреки това е много важна част: там са включени мета тагове които се използват за описание на страницата (от съществено значение за SEO позициониране), квалификация на страницата, идиом, информация, свързана с Стилови листове, и т.н.

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

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

2. Заглавията

Етикетите, които определят заглавията, могат да се използват за маркиране на квалификация и/или различните раздели които съставляват документа или просто подчертавам всеки текст. съществуват шест вида от заглавия, вариращи от таг номер 1 (най-голям) до 6 (най-малък). Това също е много важно за позиционирането на търсачката, тъй като посочвате, че това, което е между тези тагове, е важно и характерно за вашия уебсайт.

3. Параграфите

Параграфите са разграничени с тагове

. Абзацът е блок от текст, който се показва отделен от останалите с прекъсване на ред. Ако в рамките на абзаца искаме да направим скок, но все пак се разглежда отделен абзац (дайте въведение в дума), ще напишем маркера
.

Ако обаче искате да напишете така Безплатно и той открива прекъсванията на редовете, просто трябва да напишете вътре в етикета. Единственият недостатък на това е, че ако копирате текста от друг документ и той също има списъци, заглавия, получер ... може да не открие всичко.

4. Списъците

Има три вида списъци, наредени, на не е поръчано и дефиниционни списъци.

За подредени списъци използваме етикетите

    ...
за ограничаване на списъка, а за неподредени списъци - етикетите
    ...
. За да вмъкнете всеки елемент от списъка, въведете етикетите ... .

В списъците с дефиниции вмъкваме маркерите ... за да стесните списъка и ... Y. ... за заглавие и дефиниция съответно.

5. Масите

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

6. Връзки

Връзките ни позволяват достъп до други страници, уебсайтове, файлове (музика, видеоклипове, програми, изображения и т.н.), позволяват ни да изтегляме файлове от мрежата и да имаме достъп до други части или раздели в даден документ. Те се правят с етикета = "http://www.enlace.com">. . Тук трябва да спомена един много важен атрибут: цел = "_ празно", така че връзката да се отвори в нов раздел на браузъра.

7. Атрибути и стилове

И накрая, исках да направя селекция от атрибути и стилове най-често се използва в html. Нормалното е, че стиловете са посочени във файла css, Но тъй като се опитах да направя това ръководство полезно за извършване на малки спорадични модификации, считам, че прилагането на стилове директно към html тагове е препоръчителна опция и това ни позволява да решаваме проблеми, които не можем да разрешим в нашите cms, или защото шаблонът го прави не дава възможност.

Тук ви показвам поредица от атрибути. Те винаги се поставят в таг, например, както следва: .