Основные тэги оформления HTML-страниц, графические и другие нетекстовые объекты в языке HTML.

⇐ ПредыдущаяСтр 4 из 16Следующая ⇒

Теги, это программные метки, с которыми работает браузер, и которые указываю ему, что и, как показывать в окне просмотра документа. Теги бывают двух видов - парные и одиночные. Все теги заключаются в скобки <>. Если таких скобок нет или одна из скобок отсутствует, то браузер интерпретирует такой текст, как обычный текст, а не как команду. Вся информация, тексты, графика и рисунки, помещаются между парными тегами и интерпретируются браузером как таковые, но с определёнными атрибутами для отображения на странице. Например, можно поместить на страницу фотографию размером 300х200, а браузеру, при помощи тегов определяющих высоту и ширину, указать отображать на странице изображение размером 150х100, то есть в два раза меньше истинного. При помощи тегов задается цвет текста и его вид, создаются ссылки на другие документы и на другие сайты. Размечаются таблицы, определяется толщина и положение линий. Задаётся цвет самой страницы, и цвет ссылок. Основные тэги: lang — определяет язык документа;title — определяет всплывающую подсказку для всей страницы;<head> — головной тег html-страницы;<body> — тег, внутри которого пишется весь код, отвечающий за внешний вид страницы;<bodytext=?> - Устанавливает цвет текста документа; <bodylink=?> - Устанавливает цвет гиперссылок;<b></b> - жирный шрифт; <i></i> - курсив; <p></p> - Создает новый параграф <p align="?"></p> - Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center<nobr> - Запрещает перевод строки.<imgsrc="name"> - Добавляет изображение в HTML документ, <BR> — одиночный тег структурного форматирования, осуществляющий перенос последующего текста на новую строку. <video><sourcesrc="URL"></video> - видео.Тег <map> служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей.с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль.<audio><sourcesrc="URL"></audio> - Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице.

Тэги оформления таблиц и кадров (фреймов) в языке HTML. Сравнительная характеристика объектов «таблица» и «фрейм».

Таблица: <table></table> - Создает таблицу. <tr></tr> - Определяет строку в таблице. <td></td> - Определяет отдельную ячейку в таблице. <th></th> - Определяет заголовок таблицы <caption></caption> - Определяет подпись таблицы. <table><tr><td>...</td></tr></table>Вводя таг<FRAME>, дизайнер НТМL-страницы разделяет экран браузера на части. В результате человек, просматривающий страницу, может изучать одну часть страницы независимо от остальной части. Фактически браузер, распознающий фреймы, загружает разные страницы в разные секции, или фреймы, экрана. Например, можно сделать так, что фирменный знак будет зафиксирован в верхней части экрана, в то время как остальную часть страницы пользователь пролистывает обычным способом.Фреймы: <frameset></frameset> - Предваряет тег <body> в документе, содержащем фреймы; <framesetrows="value,value"> - Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов. <framesetcols="value,value"> - Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов. <frame> - Определяет единичный фрейм или область в таблице фреймов. <framesrc="URL"> - Определяет какой из HTML документов будет показан во фрейме. <framename="name"> - Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов. <framenoresize> - Препятствует изменению размеров фрейма пользователем. Ифрейм и его атрибуты <iframe- Определяет ширину ифрейма<iframeheight="#"> - Определяет высоту ифрейма;

Тэги оформления форм в языке HTML. Моделирование деловых объектов формами. Передача параметров в шлюзовые (CGI) программы. Трансформация формы представления объектов при передаче в CGI-программу.

Формы дают возможность пользователям вводить информацию.

<form></form> - Создаетформы; У тега <form> есть несколько параметров: name - имя формы. action - определяет URL-адрес, по которому будет отправлена информация введеная пользователем ,method - определяет способ отправки информации , target - указывает имя окна, в котором будут отображаться результаты обработки отправленной формы. Тегом <input> можно здать текстовое поле, кнопки, переключатели, флажки. Следует внутри тэга описать аттрибуты, в общем случае это тип, размер и ряд индивидуальных. СхемавызоваCGIпрограммы(Напримерформалогин/пароль/отправить). <FORM: METHOD = GETACTION= http://host.ru/cgi-bin/example><INPUTTYPE = textName = “f1” value = Text1><INPUTTYPE = textName = “f2” value = Text2><INPUTTYPE_submitVALUE = send>ВызовпрограммыобработкиипередачиданныхосуществляетсячерезCGI – стандартныйшлюзныйинтерфейсдлязапускавнешнихпрограммподуправлениемwebсервера. Данные программы, используя интерфейс CGI,получают информацию от удаленного пользователя, обрабатывают ее и возвращают в виде ссылки на сущ элемент или др. объект, либо на htmlдокумент, созданный динамически. GET/cgi-bin/example? f1 = Text1&f2 = Text2 (f1 = Text1&f2 = Text2 – Query_string). Для передачи большого объема данных исп-ся метод POST? В данном методе переменные передаются через стандартный поток ввод/вывода.METHOD = POST ACTION, POST/cgi-bin/example HTTP/1.1, Content – length:11-> CONTEN_LENGTH, char * szContent = getenv (“CONTEN_LENGTH”), intiBytes = atoi (szContent), char Data = (char*) malloc (nBytes+1), fread (data,1,nBytes,stdin), char Data [255]. Независимо от используемого метода передачи GETили POST, CGI – программа должна направить результаты своей работыв стандартный поток вывода. Webсервер выполняет автомат перехват данных из потока вывода и передает их клиенту.

⇐ Предыдущая 1 2 345 6 7 8 9 10 Следующая ⇒

Последнее изменение этой страницы: 2018-05-29; просмотров: 154.

stydopedya.ru не претендует на авторское право материалов, которые вылажены, но предоставляет бесплатный доступ к ним. В случае нарушения авторского права или персональных данных напишите сюда...