Стварэнне дызайну раздзелаў на вашай старонцы
Загалоўкі карысны спосаб арганізацыі тэксту, ствараць карысныя падраздзялення, і аптымізаваць сайт для пошукавых сістэм. Вы можаце лёгка ствараць загалоўкі, выкарыстоўваючы HTML тэгаў загалоўкаў. Вы таксама можаце змяніць знешні выгляд тэксту з тлустым і курсівам тэгаў.
загалоўкі
Ўзначальваць тэгі самы просты спосаб падзяліць дакумент. Калі вы думаеце аб вашым сайце, як газеты, то загалоўкі загалоўкі на газетах. Галоўны загаловак з'яўляецца h1 і наступныя загалоўкі h2 праз h6.
Выкарыстоўвайце наступныя коды для стварэння HTML.
Гэта загаловак 1 Гэта загаловак 2 Гэта загаловак 3 Гэта загаловак 4 Гэта загаловак 5 Гэта загаловак 6 парады Памятаць
- Старайцеся, каб вашы загалоўкі ў лагічным парадку, h1 папярэднічае h2, якая ідзе перад h3, і гэтак далей.
- Не турбуйцеся занадта шмат пра тое , як загалоўкі выглядаюць, вы павінны выкарыстоўваць CSS для загалоўкаў ў стылі , а не выкарыстоўваць загаловак з ладу.
- Загаловак тэгі блокавыя элементы , таму яны паклалі ў перапынках лініі для вас. Не стаўце P тэг у тэгах загалоўкаў.
Тоўсты і курсіў
Гэта загаловак 3 Гэта загаловак 4 Гэта загаловак 5 Гэта загаловак 6 парады Памятаць
- Старайцеся, каб вашы загалоўкі ў лагічным парадку, h1 папярэднічае h2, якая ідзе перад h3, і гэтак далей.
- Не турбуйцеся занадта шмат пра тое , як загалоўкі выглядаюць, вы павінны выкарыстоўваць CSS для загалоўкаў ў стылі , а не выкарыстоўваць загаловак з ладу.
- Загаловак тэгі блокавыя элементы , таму яны паклалі ў перапынках лініі для вас. Не стаўце P тэг у тэгах загалоўкаў.
Тоўсты і курсіў
Гэта загаловак 5 Гэта загаловак 6 парады Памятаць
- Старайцеся, каб вашы загалоўкі ў лагічным парадку, h1 папярэднічае h2, якая ідзе перад h3, і гэтак далей.
- Не турбуйцеся занадта шмат пра тое , як загалоўкі выглядаюць, вы павінны выкарыстоўваць CSS для загалоўкаў ў стылі , а не выкарыстоўваць загаловак з ладу.
- Загаловак тэгі блокавыя элементы , таму яны паклалі ў перапынках лініі для вас. Не стаўце P тэг у тэгах загалоўкаў.
Тоўсты і курсіў
парады Памятаць
- Старайцеся, каб вашы загалоўкі ў лагічным парадку, h1 папярэднічае h2, якая ідзе перад h3, і гэтак далей.
- Не турбуйцеся занадта шмат пра тое , як загалоўкі выглядаюць, вы павінны выкарыстоўваць CSS для загалоўкаў ў стылі , а не выкарыстоўваць загаловак з ладу.
- Загаловак тэгі блокавыя элементы , таму яны паклалі ў перапынках лініі для вас. Не стаўце P тэг у тэгах загалоўкаў.
Тоўсты і курсіў
Ёсць чатыры пазнакі, якія можна выкарыстоўваць для адважнага і курсіву:
- <Моцны> і <б> для паўтлусты
- і <я> для нахільнага
Гэта не мае значэння, вы выкарыстоўваеце. У той час як некаторыя аддаюць перавагу <моцнага> і , але многія людзі лічаць для «тлустага» і <я> нахільныя лягчэй запомніць.
Проста атачаюць тэкст з якія адкрываюць і зачыняюць тэгамі, каб зрабіць тэкст тоўстым ці курсівам:
тлустым шрыфтам нахільнымВы можаце ўкласці гэтыя тэгі (што азначае, што вы можаце зрабіць тэкст тоўстым шрыфтам і курсівам), і гэта не мае значэння, што знешняя або ўнутраная бірка.
Напрыклад:
Гэты тэкст паўтлусты
<Моцны> Гэты тэкст паўтлустыГэты тэкст выдзелены курсівам
Гэты тэкст курсівамГэты тэкст як паўтлусты і курсіў
<Моцны> Гэты тэкст як паўтлусты і курсіўЧаму Ёсць два набору Тлустых і курсіўным тэгі
У HTML4, то <б> і <я> тэгі былі разгледжаны тэгі стыляў, якія закранаюць толькі вонкавы выгляд тэксту, і нічога не кажа пра змесціва тэга, і гэта лічыцца дрэнным тонам выкарыстоўваць іх. Затым, з HTML5, яны атрымалі семантычнае значэнне па-за вонкавага выгляду тэксту.
У HTML5 гэтыя тэгі маюць асаблівае значэнне:
- <Б> пазначае тэкст, які не з'яўляецца больш важным, чым навакольны тэкст, але тыповы друкарская прэзентацыі паўтлусты тэкст, такія як ключавыя словы ў дакуменце рэферата або назвы прадуктаў у аглядзе.
- <Я> пазначае тэкст, які не з'яўляецца больш важным, чым навакольны тэкст, але тыповы друкарская прэзентацыі тэкст курсівам, напрыклад, назва кнігі, тэхнічны тэрмін або фразу на іншай мове.
- <Моцны> пазначае тэкст, які мае моцнае значэнне ў параўнанні з навакольным тэкстам.
- пазначае тэкст, які мае выразны стрэс у параўнанні з навакольным тэкстам.