Главная | Обратная связь | Поможем написать вашу работу!

Поле для ввода пароля (password)

ВЕБ-ТЕХНОЛОГИИ

Построен на основе применения гипертекста, с его помощью создаются веб-страницы, которые размещаются на веб-сайтах.

Веб-страница – самостоятельная часть веб-сайта, документ имеющий уникальный URL-адрес

Она может быть статической или динамической

Самостоятельный конспект сервисы интернета

Гипертекст — информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому

Структура HTML документа

<!doctype HTML public"-//W3C//Dtd HTML 4.0 Frameset // EN"
"http://www.w3.org/tr/REC-html40/frameset.dtd"><html> <head> <title>Самый простой HTML-документ</title> </head> <body> Проще не бывает </body></html>

<title> </title> - название сайта

Имя автора, кодировка, ключевые слова для поиска

Форматирование текста
Код HTML	Описание	Пример
<b>Текст</b>	Жирное начертание текста	Текст
<i>Текст</i>	Курсивное начертание текста	Текст
<sup>Текст</sup>	Верхний индекс	e=mc²
<sub>Текст</sub>	Нижний индекс	H₂O
<pre>Текст</pre>	Текст пишется как есть, включая все пробелы	Текст
<em>Текст</em>	Курсивный текст	Текст
<strong>Текст</strong>	Жирное начертание текста	Текст

Тег Font и его параметры Теги указывают параметры шрифта текста:

face - название шрифта. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден (вы же не знаете, какие шрифты установлены на компьютере пользователя), браузер станет использовать следующий по списку.

size - размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3.

color - цвет текста (по умолчанию - черный).

<FONT SIZE=3> ТЕКСТ </FONT>

Color=’#FF0000’ Color=’red’

Форматирование заголовков

Всего их 6:

<html> <head> <title>HTML заголовки</title> </head> <body> <h1>HTML заголовок 1-го уровня</h1> <h2>HTML заголовок 2-го уровня</h2> <h3>HTML заголовок 3-го уровня</h3> <h4>HTML заголовок 4-го уровня</h4> <h5>HTML заголовок 5-го уровня</h5> <h6>HTML заголовок 6-го уровня</h6> </body> </html>

Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.

Атрибуты и значения

· align="" – определяет выравнивание.

· align="left" – выравнивание по левой стороне.

· align="right" – по правой стороне.

· align="center" – определяет центрирование.

· style="color:" – определяет цвет текста.

Элементы style="" есть линейные CSS включения.

Тут-то нас и спасет тег <br>. Это непарный тег, означающий переход на новую строку.

Т.е написав:

Идет бычок, качается,<br>
Вздыхает на ходу...

или

Идет бычок, качается,<br>Вздыхает на ходу...

В браузере мы увидим:

Идет бычок, качается,
Вздыхает на ходу...

С помощью этого тега можно не только перенести тест на новую строку, но и делать отступы между разными элементами документа. Достаточно просто вставить не один тег <br>, а два и т.д.

Если в тесте html-документа подряд стоят несколько пробелов, то браузер их проигнорирует и отобразит только один.

Создание простой формы

Теги <form> и </form> задают начало и конец формы. Начинающий форму тег <form> содержит два атрибута: action и method. Атрибут action содержит адрес URL сценария, который должен быть вызван для обработки сценария. Атрибут method указывает браузеру, какой вид HTTP запроса необходимо использовать для отправки формы; возможны значения POST и GET.

</form>

Флажок (checkbox)

Флажки checkbox предлагаю пользователю ряд вариантов, и разрешает выбор нескольких из них.

Группа флажков состоит из элементов <input>, имеющих одинаковые атрибуты name и type(checkbox). Если вы хотите, чтобы элемент был отмечен по умолчанию необходимо пометить его как checked. Если элемент выбран, то сценарию поступит строка имя=значение, в противном случае в обработчик формы не придет ничего, т.е. не выбранные флажки вообще никак не проявляют себя в переданном наборе данных.

Пример:

<input name="mycolor" type="checkbox" value="red" checked>Красный(выбран по умолчанию)
<input name="mycolor" type="checkbox" value="blue">Синий
<input name="mycolor" type="checkbox" value="black">Черный
<input name="mycolor" type="checkbox" value="white">Белый

Переключатель(radio)

Переключатели radio предлагают пользователю ряд вариантов, но разрешает выбрать только один из них.

Пример:

<input name="mycolor" type="radio" value="white"> Белый
<input name="mycolor " type="radio" value="green" checked> Зеленый (выбран по умолчанию)
<input name="mycolor " type="radio" value="blue"> Синий
<input name="mycolor " type="radio" value="red"> Красный
<input name="mycolor " type="radio" value="black"> Черный

Кнопка сброса формы(Reset)

При нажатии на кнопку сброса(reset), все элементы формы будут установлены в то состояние, которое было задано в атрибутах по умолчанию, причем отправка формы не производиться.

Пример:

Выпадающий список (select)

Тэг <select> представляет собой выпадающий или раскрытый список, при этом одновременно могут быть выбраны одна или несколько строк.

<select name="Имя списка" size = “Размер” multiple>
<option value=”Значение”>Отображаемый текст в списке</option>
</select>

При передаче данных выпадающего списка сценарию передается строка имя=значение, а при раскрытом списке передается строка имя=значение1&имя=значение2&имя=значениеN.

ТЕКСТОВОЕ ПОЛЕ (TEXT)

Позволяет пользователям вводить различную информацию.

Пример:

Поле для ввода пароля (password)

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

Пример:

12 3 Следующая ⇒

Воспользуйтесь поиском по сайту: