Как известно поисковики положительно относятся к заголовкам <h1>..<h6>. Поэтому в заголовках необходимо употреблять ключевые слова. Тег <h1> является наиболее важным заголовком. Вот так он выглядит: Заголовок Как видно текст заключенный в такой тег выделяется большим полужирным шрифтом, да и еще после закрывающего тега </h1> происходит перенос строки и появляются нежелательные отступы. Как быть если применение тега <h1></h1>, ну никак не вписывается в ваш дизайн? Как изменить размер шрифта заголовка и убрать нежелательные отступы? Все это решается благодаря каскадным таблицам стилей CSS. Вам необходимо создать вот такой стиль для тега h1 h1{ Font-size:10pt; Font-style: normal; Font-weight: bold; Margin: 0px; Padding:0px; } Где: Font-size:10pt – размер шрифта Font-style: normal – стиль шрифта: нормальный Font-weight: bold – стиль шрифта: полужирный Margin: 0px – отступ от верхнего левого угла ячейки Padding:0px – отступ внутри ячейки от всех краев, производит почти тот же самый эффект, что и margin А если Вам не нужен перенос строки, то необходимо к выше перечисленному добавить следующее: Display: inline Обычно каскадные таблицы стилей хранятся в отдельном файле и прикрепляется к сайту следующим образом. Между тегами <head></head> прописываем следующую строку: <link rel=”stylesheet” href=”путь/имя файла. css”> Но можно прикрепить созданный нами стиль и внутри основной html страницы. Это делается так: <style type=”text/css”> h1{ Font-size:10pt; Font-style: normal; Font-weight: bold; Margin: 0px; Padding:0px; } </style> Вот и все! Нет ничего сложного!
Понравилась статья? Получай обновления и будь всегда в курсе событий!