Содержание
- этапы
- Способ 1 Вставить строку в HTML 4.01
- Это название
- Метод 2 из 3: Вставить строку с помощью файла CSS и HTML5
- Это название
Вы можете использовать горизонтальную линию, чтобы ограничить содержание вашего сайта. Код для отображения строки очень прост. Однако, если вы можете изменить стили вашей строки непосредственно в коде с HTML 4.01, это не то же самое с HTML5. В последнем случае вам придется использовать компоненты CSS для изменения стилей.
этапы
Способ 1 Вставить строку в HTML 4.01
-
Создать новый документ. Откройте или создайте новый HTML-документ. HTML-документы можно редактировать с помощью электронного редактора, например блокнот, Вы также можете использовать редактор кода, как Adobe Dreamweaver, Выполните следующие действия, чтобы открыть HTML-документ в выбранной вами программе:- открытый блокнот или издатель e или код по вашему выбору;
- нажмите на файл ;
- нажмите на открытый ;
- выберите файл HTML;
- нажмите на открытый.
-
Вставьте строку. Выберите, куда вы хотите вставить строку. Прокрутите вниз, пока не найдете строку кода, над которой вы хотите вставить свою строку. Затем щелкните в крайнем левом углу строки, чтобы поместить курсор в начало строки. -
Оставь место. Двойное нажатие запись чтобы переместить e вниз к линии, над которой вы хотите разместить горизонтальную линию. После этого поместите курсор в верхнюю часть только что созданного пространства. -
Добавить тег
. типа
до начала строки. Тег
используется для создания горизонтальной линии на странице. -
Перейти на линию. Переместить строку перед тегом час на новой линии. Для этого нажмите запись, Итак, тег
должен быть изолирован на своей собственной линии. -
Добавьте атрибуты. Вы можете (если хотите) добавить атрибуты к вашей горизонтальной линии, такие как длина, ширина, цвет и атрибуты выравнивания. Используйте следующие коды после тега час внутри стропил. Вы можете добавить более одного атрибута в шеврон, разделив их пробелом.- типа
изменить толщину линии. Замените # на желаемое значение толщины (пример: размер = "10"). - типа
изменить ширину линии. Замените # на количество пикселей для ширины или в процентах от ширины страницы (например: width = "200" или width = "75%"). - типа
изменить цвет линии. Замените # именем цвета или шестнадцатеричным кодом (пример: color = "red" или color = "# FF0000") - типа
управлять выравниванием линии. Замените # на «вправо», «влево» или «центр» (пример:
).
- типа
-
Сохраните ваш HTML-файл. Чтобы сохранить файл e как документ HTML, необходимо заменить расширение файла (.txt, .docx) .html, Выполните следующие шаги, чтобы сохранить ваш HTML-документ:- нажмите на меню файл ;
- выбрать Сохранить как ... ;
- введите имя для файла, рядом с Имя файла ;
- тип .html после имени файла
- нажмите на запись.
-
Проверьте свой код. Чтобы проверить HTML-файл, щелкните его правой кнопкой мыши и выберите Открыть с помощью, Затем выберите интернет-браузер. Должна появиться строка, где вы разместили тег час, Ваш код HMTL должен выглядеть так:Это название
Это абзац, отделенный от заголовка горизонтальной линией.
Метод 2 из 3: Вставить строку с помощью файла CSS и HTML5
-
Создать новый документ. Откройте или создайте новый HTML-документ. HTML-документы можно редактировать с помощью электронного редактора, например блокнот, Вы также можете использовать редактор кода, как Adobe Dreamweaver, Выполните следующие действия, чтобы открыть HTML-документ в выбранной вами программе:- открытый блокнот или издатель e или код по вашему выбору;
- нажмите на файл ;
- нажмите на открытый ;
- выберите файл HTML;
- нажмите на открытый.
-
Добавить тег голова. Если ваш HTML-файл еще не имеет части головавыполните следующие шаги, чтобы добавить его. Часть голова находится между тегами и .- типа в верхней части вашего документа.
- Двойное нажатие запись добавить две новые строки.
- типа закрыть игру голова.
-
типа dans le head. La balise style doit se trouver entre les balises et . Cela va créer un espace où vous pourrez insérer votre code CSS pour appliquer un style à votre HTML.- Vous pouvez aussi utiliser une feuille de style externe. Pour cela, vous devrez lier la feuille de style à votre fichier HTML.
-
Tapez hrЭто название
Это абзац, разделенный горизонтальной линией