Следующая статья: Как создать форму для ввода данных на (html) web странице
Содержание
Перечень на web страничке
Для приятного представления инфы на web страничках нередко употребляются списки. Списки могут быть нумерованными и ненумерованными. Сделаем новейшую страничку нашего web сайта, на которой вставим ненумерованный перечень.
Сделайте структуру web документа, напечатав главные теги:
<html> <head> <title></title> </head> <body> </body> </html>
Сформировывает html документ
В качестве заголовка документа в теге <title></title> введите: Чем мы увлечены?:
<title>Чем мы увлечены?</title>
Таковой же заголовок для перечня введите в теле документа меж тегами <body> и </body>, использовав для его отображения теги <h2></h2> , разглаживающим заголовок по центру странички:
<h2 style="text-align:center;">Чем мы увлечены?</h2>
Без помощи других подберите цвет фона странички и цвет текста, указав надлежащие значения для атрибутов bgcolor и text в открывающемся теге <body>, к примеру, так:
<body bgcolor="aqua" text="navy">
Внимание! Теги bgcolor и text для body являются устаревшими, требуется изменять формат текста через стили.
Помните, но, что цвет текста должен быть таким, чтоб текст отлично читался на избранном фоне. Если атрибуты цвета не указывать, то по умолчанию текст будет отображаться черным цветом на белоснежном фоне.
Составляем перечень
Сейчас вставим на страничку ненумерованный перечень с информацией о сфере деятельности компании SD. Ненумерованные списки создаются при помощи пары тегов <ul></ul>, которые ограничивают перечень. Меж ними размещается столько частей, начинающихся с тега <li>, сколько частей в перечне.
Воткните пустую строчку под строчкой с кодом <h2> Чем мы увлечены?</h2> и введите в теле документа последующий код:
<ul>
<li>Созданием новых и развитием имеющихся автоматических систем управления технологическими процессами на промышленных объектах.
<li>Планированием и установкой "под ключ" локальных и глобальных вычислительных систем.
<li>Разработкой и внедрением систем корпоративных сетей с построением кабельных систем (для кабинетов), также систем передачи данных с внедрением телефонных, оптоволоконных и радиоканалов.
<li>Внедрением проектных решений по созданию и использованию глобальных информационных магистралей для обеспечения совместных работ систем связи, видеоконференций и мультимедиа.
<li>Созданием систем слежения и видеонаблюдения.
<li>Создание систем охранной и пожарной сигнализации, включая системы пожаротушения и контроля доступа.
</ul>
Направьте внимание: тег <li> может употребляться как одиночный, другими словами без парного, закрывающего тега </li>. Но чтоб наши html странички котировались отлично в очах других web мастеров и поисковых машин то требуется использовать парные теги, другими словами <li></li>.
Когда ввод кода будет закончен, сохраните документ в папке Web под именованием list.html.
Воспользовавшись командой меню Файл - Открыть (File - Open) в браузере Internet Explorer, откройте файл list.html из папки Web.
Видите ли, каждый элемент ненумерованного перечня выделяется особым маркером. В нумерованном перечне каждый элемент будет отмечаться его порядковым номером. Для сотворения нумерованных списков употребляются теги <ol></ol>, меж которыми также помещаются элементы <li>.
