Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология Образование Политология Производство Психология Стандартизация Технологии |
HTML Теги Цитирования, Заключения в Кавычки
HTML Шрифты HTML Тег < font> Не Следует Использовать Тег < font> является устаревшим в HTML 4, и удален из HTML5. Всемирный Интернет Консорциум (W3C) удалил тег < font> из их рекомендаций. В HTML 4 каскадные таблицы стилей (cascade style sheets или, сокращенно, CSS) должны использоваться для определения вывода и отображения свойств для большинства HTML элементов. Пример ниже показывает как в HTML можно использовать тег < font>: < p style=" font-size: 30px; " > Этот текст высотой 30 пикселей< /p> Пример < html> HTML Стили < html> < body style=" background-color: yellow; " > < h2 style=" background-color: red; " > Это заголовок< /h2> < p style=" background-color: green; " > Это параграф< /p> < /body> < /html> < html> < head> < style type=" text/css" > body { background-color: #d0e4fe; } h1 { color: orange; text-align: center; } p { font-family: " Times New Roman"; font-size: 20px; } < /style> < /head> < body> < h1> CSS пример! < /h1> < p> Это параграф.< /p> < /body> < /html> Устаревшие Теги и Атрибуты
HTML Урок 12 Гиперссылки Гиперссылка (или ссылка) это слово, группа слов, или изображение, которые вы можете кликнуть, чтобы перепрыгнуть на новый документ или раздел текущего документа. Когда вы перемещаете курсор над ссылкой в Веб странице, стрелка превразается в маленькую руку. Ссылки определяются в HTML используя тег < a>. Тег < a> может быть использован двумя способами: 1. Чтобы создать ссылку на другой документ - используя атрибут href 2. Чтобы сделать закладку внутри документа - используя атрибут name
HTML код для ссылки прост. Он выглядит так:
Атрибут href указывает адрес ссылки (куда она указывает). Атрибут Target Атрибут target (назначение) указывает где открывать залинкованный (тот, на который ссылается ссылка) документ. Пример ниже откроет залинкованный документ в новом окне браузера или на новой вкладке: < html> < body> < a href=" http: //Uroki-HTML.ru/" target=" _blank" > Заходите на Уроки HTML! < /a> < p> Если вы установите атрибут target на " _blank", то ссылка откроет новое окно браузера/новую вкладку.< /p> < /body> < /html> HTML Ссылки - Атрибут Name Атрибут name указывает имя ссылки. Атрибут name используется для создания закладки (" якоря" / " анкера" ) внутри HTML документа. Замечание: Закладки не отображаются каким-либо специальным образом. Они не видимы для читателя.
Пример Именованная ссылка (якорь, анкер) внутри HTML документа:
Создайте ссылку на " Раздел Полезных Советов" внутри того же документа:
Или создайте ссылку на " Раздел Полезных Советов" с другой страницы:
HTML Изображения - Тег < img> и Атрибут Src В HTML, изображения определяются с помощью тега < img>. Тег < img> пустой, т.е. он содержит только атрибуты и не имеет закрывающего тега. Чтобы показать изображение на странице, вы должны использовать атрибут src. Src означает " source" - источник. Значение атрибута src - это адрес (URL или Uniform Resource Locator - Унифицированный Указатель Ресурса) изображения, которое вы хотите показать.
Синтакс определения изображения:
Адрес (URL) указывает место, где хранится изображение. Изображение под названием " boat.gif", расположенное в директории " images" на " http: //Uroki-HTML.ru" имеет адрес URL: http: //Uroki-HTML.ru/images/boat.gif. Браузер показывает изображение как только встречает тег < img> в документе. Если вы поместите тег изображения между двумя параграфами браузер покажет первый параграф, затем изображение, а затем второй параграф. HTML Изображения - Атрибут Alt Атрибут alt указывает альтернативный текст для изображения, если изображение не может быть отображено браузером. Значение атрибута alt - это некоторый текст, определяемый автором HTML документа:
Атрибут alt обеспечивает альтернативную информацию для изображения, если пользователь по какой-то причине не может увидеть его (в силу медленного соединения, ошибочно указанного адреса в src атрибуте, или если пользователь отключил показ изображений). HTML Изображения - Установка Высоты и Ширины Изображения Атрибуты высоты и ширины указывают высоту и ширину изображения. Значения атрибутов указываются в пикселях по умолчанию:
Совет: Рекомендуется указывать атрибуты высоты и ширины для изображения. Если эти атрибуты установлены, пространство, требуемое для изображения резервируется при загрузке страницы. Однако, без этих атрибутов, браузер не знает размер изображения. В результате дизайн страницы будет изменяться (дергаться, прыгать) во время загрузки старницы (пока грузятся изображения). Простые Замечания - Полезные Советы Замечание: Если HTML файл содержит десять изображений - одиннадцать файлов необходимо, чтобы отобразить страницу корректно. Загрузка изображений занимает время, поэтому наш лучший совет: Используйте изображения осторожно. Замечание: Когда веб страница загружается, именно браузер в этот момент, в действительности получает изображение с веб сервера и вставляет в страницу. Поэтому удостоверьтесь, что изображения действительно находятся в указанных местах в отношению к веб странице, иначе ваши посетители увидят изображения неправильных ссылок (например в виде красного крестика). Изображение неправильной ссылки отображается, если браузер не может найти изображение. HTML Теги Изображений
HTML Таблицы Таблицы определяются с помощью тега < table>. Таблица состоит из строк (тег < tr> ), и каждая строка состоит из ячеек с данными (тег < td> ). td означает " table data" или данные таблицы, и содержит содержимое ячейки. Тег < td> может содержать текст, ссылки, изображения, списки, формы, другие таблицы и т.д. Пример Таблицы
Как HTML код выше выглядит в браузере: |
Последнее изменение этой страницы: 2017-03-14; Просмотров: 498; Нарушение авторского права страницы