Как вставить строку в HTML

Posted on
Автор: Laura McKinney
Дата создания: 8 Апрель 2021
Дата обновления: 16 Май 2024
Anonim
Уроки HTML, CSS / Как сделать бегущую строку
Видео: Уроки HTML, CSS / Как сделать бегущую строку

Содержание

В этой статье: Вставьте строку в HTML 4.01Введите строку, используя файл CSS и HTML5References

Вы можете использовать горизонтальную линию, чтобы ограничить содержание вашего сайта. Код для отображения строки очень прост. Однако, если вы можете изменить стили вашей строки непосредственно в коде с HTML 4.01, это не то же самое с HTML5. В последнем случае вам придется использовать компоненты CSS для изменения стилей.


этапы

Способ 1 Вставить строку в HTML 4.01



  1. Создать новый документ. Откройте или создайте новый HTML-документ. HTML-документы можно редактировать с помощью электронного редактора, например блокнот, Вы также можете использовать редактор кода, как Adobe Dreamweaver, Выполните следующие действия, чтобы открыть HTML-документ в выбранной вами программе:
    • открытый блокнот или издатель e или код по вашему выбору;
    • нажмите на файл ;
    • нажмите на открытый ;
    • выберите файл HTML;
    • нажмите на открытый.


  2. Вставьте строку. Выберите, куда вы хотите вставить строку. Прокрутите вниз, пока не найдете строку кода, над которой вы хотите вставить свою строку. Затем щелкните в крайнем левом углу строки, чтобы поместить курсор в начало строки.



  3. Оставь место. Двойное нажатие запись чтобы переместить e вниз к линии, над которой вы хотите разместить горизонтальную линию. После этого поместите курсор в верхнюю часть только что созданного пространства.


  4. Добавить тег
    .
    типа
    до начала строки. Тег
    используется для создания горизонтальной линии на странице.


  5. Перейти на линию. Переместить строку перед тегом час на новой линии. Для этого нажмите запись, Итак, тег
    должен быть изолирован на своей собственной линии.



  6. Добавьте атрибуты. Вы можете (если хотите) добавить атрибуты к вашей горизонтальной линии, такие как длина, ширина, цвет и атрибуты выравнивания. Используйте следующие коды после тега час внутри стропил. Вы можете добавить более одного атрибута в шеврон, разделив их пробелом.
    • типа
      изменить толщину линии. Замените # на желаемое значение толщины (пример: размер = "10").
    • типа
      изменить ширину линии. Замените # на количество пикселей для ширины или в процентах от ширины страницы (например: width = "200" или width = "75%").
    • типа
      изменить цвет линии. Замените # именем цвета или шестнадцатеричным кодом (пример: color = "red" или color = "# FF0000")
    • типа
      управлять выравниванием линии. Замените # на «вправо», «влево» или «центр» (пример:
      ).


  7. Сохраните ваш HTML-файл. Чтобы сохранить файл e как документ HTML, необходимо заменить расширение файла (.txt, .docx) .html, Выполните следующие шаги, чтобы сохранить ваш HTML-документ:
    • нажмите на меню файл ;
    • выбрать Сохранить как ... ;
    • введите имя для файла, рядом с Имя файла ;
    • тип .html после имени файла
    • нажмите на запись.


  8. Проверьте свой код. Чтобы проверить HTML-файл, щелкните его правой кнопкой мыши и выберите Открыть с помощью, Затем выберите интернет-браузер. Должна появиться строка, где вы разместили тег час, Ваш код HMTL должен выглядеть так:

    Это название


    Это абзац, отделенный от заголовка горизонтальной линией.

Метод 2 из 3: Вставить строку с помощью файла CSS и HTML5



  1. Создать новый документ. Откройте или создайте новый HTML-документ. HTML-документы можно редактировать с помощью электронного редактора, например блокнот, Вы также можете использовать редактор кода, как Adobe Dreamweaver, Выполните следующие действия, чтобы открыть HTML-документ в выбранной вами программе:
    • открытый блокнот или издатель e или код по вашему выбору;
    • нажмите на файл ;
    • нажмите на открытый ;
    • выберите файл HTML;
    • нажмите на открытый.


  2. Добавить тег голова. Если ваш HTML-файл еще не имеет части головавыполните следующие шаги, чтобы добавить его. Часть голова находится между тегами и .
    • типа в верхней части вашего документа.
    • Двойное нажатие запись добавить две новые строки.
    • типа закрыть игру голова.


  3. типа

    Это название


    Это абзац, разделенный горизонтальной линией