Html – это обычный структурированный контент, а за визуальное форматирование этого контента целиком отвечает css

Download 132.19 Kb.

bet	9/31
Sana	28.01.2023
Hajmi	132.19 Kb.
	#1134825
Turi	Лабораторная работа

1 ... 5 6 7 8 9 10 11 12 ... 31

Bog'liq
Лабораторная работа №13

, тег , тег , тег и тег . Тег создает форму. Он требует наличия одного обязательного атрибута – action

HTML таблицы - начало

Многие вебсайты по всему Интернету используют таблицы HTML для верстки веб-страниц, иногда при этом злоупотребляя этой возможностью. В учебнике по языку CSS мы поговорим о том, как можно сверстать веб-страницу без таблиц. Единственный способ корректного использования таблиц – это то, для чего они и предназначены, а именно для отображения табличных данных.
Существует достаточно много тегов, используемых для создания HTML таблиц, и полностью понять, как они работают, вероятно, является самой трудной задачей в этом учебнике для начинающих.
Скопируйте следующий код в тело (элемент ) ранее созданной вами веб-страницы, а затем мы рассмотрим, какая роль у каждого тега таблицы:

Строка 1, ячейка 1	Строка 1, ячейка 2	Строка 1, ячейка 3
Строка 2, ячейка 1	Строка 2, ячейка 2	Строка 2, ячейка 3
Строка 3, ячейка 1	Строка 3, ячейка 2	Строка 3, ячейка 3
Строка 4, ячейка 1	Строка 4, ячейка 2	Строка 4, ячейка 3

Элемент

создает таблицу.

Элемент создает строку таблицы.
Элемент , как показано в примере.
Если вам нужна таблица 3x4, т.е. состоящая из 12 ячеек, то у вас внутри элемента

создает ячейку данных. Этот тег должен находится внутри элемента

должно быть четыре элемента , определяющие строки, и три элемента

внутри каждого элемента строк, что в сумме и даст 12 элементов

.
Этих элементов достаточно, чтобы создать простую таблицу. Более продвинутых средствах создания HTML таблиц вы сможете узнать в соответствующем разделе.
HTML формы Вверх Как добавить изображения
HTML формы
HTML формы можно использовать для отсылки данных через Интернет и часто используются для организации обратной связи с пользователями.
Сами по себе формы совершенно бесполезны. Они должны быть всегда связаны с программами или скриптами, которые будут обрабатывать введенные пользователем данные. Однако этот вопрос лежит за пределами темы данного учебника.
Основные теги, используемые для создания HTML форм, - это тег

, тег , тег , тег <select> и тег <option>. Тег <form> создает форму. Он требует наличия одного обязательного атрибута – action. В этом атрибуте указывается адрес, по которому форма будет отсылать <a href="/chto-takoe-sinhronizaciya-processov-sinhronizaciya-processov.html">свои данные после того</a>, как пользователь отдаст команду "отправить". Необязательный атрибут method указывает на то, каким образом должны отсылаться данные формы. Он может принимать два значения – get (значение по умолчанию) и post. При последнем значении данные во время отсылки скрываются (при значении get данные формы прикрепляются к URL). Таким образом, элемент формы будет иметь приблизительно следующий вид: <form action='processingscript.php' method='post'> ... </form> Тег <input> – это основа всего мира форм. Он может быть десяти видов: <ul> <li/> <input type="text" /> - стандартное текстовое поле. Также здесь может присутствовать атрибут value, который определяет текст по умолчанию, заданный в текстовом поле. <li/> <input type="password" /> - то же текстовое поле, однако вводимые пользователем символы будут скрыты. <li/> <input type="checkbox" /> - создает поле выключателей (checkbox) или флажков, которые пользователь может либо включить, либо отключить. Также здесь <a href="/normalizaciya-bazi-dannih-normalenie-formi-nf-nf-nf.html">можно использовать атрибут </a>checked, который используется в формате <input type="checkbox" checked="checked" /> и который задает начальное состояние флажка "включен". <li/> <input type="radio" /> - создает поле переключателей, которые очень похожи на флажки, однако в этом случае пользователь может выбрать только один объект в группе переключателей. Здесь также можно использовать атрибут checked, который задается аналогичным образом, как и в случае с флажками. <li/> <input type="file" /> - создает поле ввода, которое показывает файлы на вашем компьютере подобно тому, как вы открываете или сохраняете документы в большинстве программ. Оно позволяет пользователям загружать файлы на сервер. <li/> <input type="submit" /> - создает кнопку отправки данных формы программе-обработчику. <a href="/opredelenie-termina-tekst.html">Можно самому задавать текст</a>, который будет отображаться на кнопке отправки (то же самое можно сделать и с типами button и reset – см.ниже). Это делается при помощи атрибута value, например, <input type="submit" value="Ого. Надпись на кнопке" />. <li/> <input type="image" /> - создает специальную кнопку отправки, в качестве которой будет использоваться активное изображение. При этом серверу кроме данных формы еще отправляются и координаты (x, y) нажатия мыши на изображение. Также необходимо указывать атрибут src, который играет ту же роль, что и в теге <img>. <li/> <input type="button" /> <a href="/temn-1-harakter-osvesheniya-svetotenevoe-tonalenoe-v2.html">- создает кнопку</a>, которая без дополнительного кода ничего не будет делать. <li/> <input type="reset" /> - создает кнопку, которая при нажатии на нее возвращает все поля формы к значениям по умолчанию. <li/> <input type="hidden" /> - создает поле, которое не отображается в окне браузера. Оно используется для передачи различной вспомогательной информации, например, имени страницы, на которой находится пользователь, или электронный адрес, куда должна пересылаться форма. </ul> Обратите <a href="/prezentaciya-po-teme-vnimanie.html">внимание</a>, что тег <input> закрывает сам себя при помощи конструкции "/>". Тег <textarea> – создает многострочную область ввода текста. Он требует использование атрибутов rows и cols, которые задают размер области ввода: <textarea rows="5" cols="20">Здесь вводят много текстовой информации
Тег

При отправке данных формы посылается выбранный элемент списка.

Аналогично атрибуту checked в флажках и переключателях тег может иметь атрибут selected:

Все упомянутые выше теги будут корректно отображаться на веб-странице, однако если попытаться обработать соответствующей программой, то ничего не получится. Это произойдет, потому что всем полям формы необходимо присвоить имена. Имена присваиваются при помощи атрибута name, который необходимо добавить каждому полю формы. Например,

Форма может иметь, например, следующий вид. (Внимание: форма не будет работать до тех пор, пока не будет реализован скрипт "contactus.php", указанный в атрибуте action тега , и который обрабатывает передаваемые данные.)

Имя:

Комментарий:

Ваш комментарий

Вы:

Мужчина

Женщина

Ни то ни другое

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

HTML - Промежуточные итоги Вверх HTML таблицы - начало

Download 132.19 Kb.

Do'stlaringiz bilan baham:

1 ... 5 6 7 8 9 10 11 12 ... 31