Практические задания4 для html (рисунки)

1. Запишите имя команды для задания картинки.

2. Запишите имя атрибута для задания файла с картинкой.

3. Запишите имя атрибута для задания положения картинки.

4. Запишите имя атрибута для задания толщины рамки.

5. Запишите имя тега, в котором задается фоновая картинка.

6. Запишите имя атрибута, задающего фоновую картинку.

7. Дима Мочалкин не смог закончить программу, так как забыл имена некоторых ключевых слов. Помогите человеку!

Рисунки (практические сведения о языке html)

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

Контрольная работа по теме: «Основы веб-конструирования»

Обязательная контрольная  работа составлена в соответствии с рабочей программой курса «Информатика» для учреждений общего среднего образования с русским языком обучения. Информатика X класс. 2018 г.
Приложение к контрольной работе по теме: «Основы веб-конструирования» 
см. по ссылке:
https://multiurok.ru/files/prilozhenie-k-kontrolnoi-rabote-po-teme-osnovy-veb.html 

Цель: осуществление текущего контроля знаний и умений учащихся по данной теме.

Контрольная  работа включает в себя теоретический материал и практические задания.

В практических заданиях  использовать программу FrontPage.

Практические задания3 для html (гиперссылки)

Важнейшим средством языка HTML является возможность включения в документ ссылок на другие документы.

Возможны ссылки:

-          на удаленный HTML-файл,

-          на некоторую точку в текущем HTML-документе,

-          на любой файл, не являющийся HTML-документом.

В качестве ссылки можно использовать любой текст или графику.

Практические задания2 для html (списки).

Программирование списков помогает делать текст на экране красивым. HTML допускает задание в документах списков двух типов:

• Маркированный список
• Нумерованный список

Практические задания1 для html

Предлагаемые задания составлены для закрепления знаний, необходимых для составления простейших HTML-программ.

Гиперссылки (практические сведения о языке HTML)

Чтобы сделать какую-то надпись гиперссылкой, надо пометить ее тегом <А> (anchor - якорь, а не масло).

Понятно, что у такого тега должен быть какой-то атрибут, указывающий, куда именно эта ссылка ведет. Атрибут этот, и правда, имеется. Называется он HREF (hyper reference - гиперссылка), и в нем записывается адрес файла, кото­рый следует загрузить в браузер.

HTML. Комментарии, линейки, бегущая строка

Комментарий - это текст, который не должен выводиться на экран. Открывающий тег такой: <!--, закрывающий такой: -->. Например:

<!--Это комментарий. Его не видно на странице <BR>

Но он есть!-->

Списки (практические сведения о языке HTML)

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

Ненумерованный список (маркированный) (unordered list) задается двумя тегами: <UL> и <LI>. UL сдвигает абзац вправо, а LI - ставит пульку (bullet).

Разметка абзацев (практические сведения о языке HTML)

Начало абзаца (paragraph) задает тег <Р>. Закрывающий тег </Р> тоже воз­можен, но необязателен, и на практике им не пользуются^[1].

Обычные концы абзацев, которые ставят текстовые редакторы, здесь не дей­ствуют: браузеры их просто не замечают. Мы сможем нажимать Enter в HTML-редакторе для своего удобства, а для браузера приберегать тег Р. 

HTML. Разметка текста шрифтами

 Если в тексте есть фрагмент, который должен быть выделен полужирным шрифтом, то его на веб-страничках помечают вот такой парой значков: <В> и </В> (В - от слова bold - полужирный). Первое В в угловых скобках обознача­ет начало полужирного фрагмента, второе, с косой чертой, обозначает его конец. Сами эти <В> и </В> в браузере не показываются, зато весь текст между ними бу­дет полужирным.

Знаки разметки подобные <В> называются тегами (от слова tag - бирка, метка, ярлык). Теги можно писать в верхнем и нижнем регистре.

Практические сведения о языке HTML

Интернетовская страничка - это текстовый файл, размеченный таким обра­зом, чтобы любые программы просмотра (браузеры) на компьютерах любых систем видели его примерно одинаково. (В точности одинаково никак не полу­чается.)

Так что HTML - это не язык программирования, не алгоритмический язык, как думают многие, сильно не желающие в него вникать. Это просто способ раз­метки текста. Потому он и называется Hyper Text Markup Language - язык ги­пертекстовой разметки.

Селекторы элементов, классов и идентификаторов

Стилевое определение, размещаемое в головной части HTML-кода или в отдельном файле CSS, имеет вид:

Селектор

{

Набор правил

}

См. Способы создания стилей
Селектор предназначен для связи стилевого определения с элементами HTML. В качестве селектора часто (но не всегда) используется название элемента:

История гипертекста

Возникновение гипертекста связывают с именем Ванневара Буша (VannevarBush, 1890-1974), научным советником президента США Ф.Д.Рузвельта. В 1945 году в своей статье “Как мы можем думать” (“AsWeMayThink”) Ванневар Буш высказал идею машины для просмотра и пополнения записями документов, записанных на пленке.

Это машина, получившая название “Memex”, никогда не была построена, но она содержала идею, которую позже назвали гипертекстом.

Способы задания стилей

Описания стилей могут храниться в отдельном текстовом файле с расширением css (внешние, или присоединенные стили), а могут – в  самом  HTML-документе (встроенные или вложенные стили).

Стиль записи кода

При построении HTML-кода очень важно (как при любом программировании) уделять внимание не только внешнему виду продукта, но равно и виду кода, то есть необходимо следить за стилем кодиро­вания, правила которого с обоснованиями должны, быть изложены на самых первых» занятиях..

Таблицы тегов HTML

При создании веб-страниц рекомендуется использовать опорные схемы, на которых скелетно изложены основы HTML-кодирования

Создание плавающего фрейма

Тег <iframe> определяет встроенную область (рамку), которая может отображать содержимое отдельно взятого документа или даже другого веб-сайта в ограниченном пространстве на текущей веб-странице. Содержимое внутри области существует независимо от окружающей страницы. Две страницы: родительская и дочерняя, отображаемая в рамке, могут взаимодействовать друг с другом через JavaScript или серверный язык программирования.

Методические рекомендации по изучению CSS

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

Использование CSS позволяет:

• упростить -разметку документа, оставив в ней только структурные элементы;
• сократить объем HTML-кода за счет удаления из тегов значительной части атрибутов;
• простить работу по изменению внешнего вида сайта. Редактировать придется единственный файл со стилевыми определениями, а не многочисленные файлы с кодами гипертекстовых страниц.

Возможности оформления веб-страниц с помощью CSS

Язык гипертекстовой разметки HTML не позволяет  расширить возможности управления текстом, графикой, видом гиперссылок и т.д.

Почему, например, ссылка обязательно должна быть подчеркнутой?

Почему абзацный отступ приходится делать самыми уродскими способами - при помощи, неразрывных пробелов или вставкой невидимых рисунков?

Почему, как ни старайся, нельзя изменить межстрочное расстояние?