Язык разметки текста HTML. HTML-страница HTML-страница представляет собой простой текстовый файл, в котором наряду с текстом присутствуют специальные. - презентация

1 Язык разметки текста HTML

2 HTML-страница HTML-страница представляет собой простой текстовый файл, в котором наряду с текстом присутствуют специальные управляющие команды Эти команды называются «тегами» и заключаются в скобки из символов Например,

3 HTML-файл Текст HTML-страницы располагается в файле с расширением.html Например, index.html Имя файла должно быть написано строчными (маленькими) латинскими символами без пробелов и может содержать цифры и символ «_» Например, ivan_ivanov_7.html

4 Структура HTML-страницы

5 Пример HTML-страницы Этот текст отображается браузером

6 Свойства текста Для управления внешним видом символов текста используются теги: полужирный курсив подчеркнутый

7 Свойства текста Для управления размером и цветом шрифта служит тег: Текст В открывающем теге указываются значения свойств «размер» и «цвет»: Текст

8 Свойства текста Размер текста может меняться от 1 до 7 Цвет текста может быть задан либо зарезервированным словом, например, blue – синий, red – красный, lightyellow – светло-желтый и т.п., либо числом в шестнадцатеричном формате, например, #a7c3e9

9 Свойства текста Первые два символа задают яркость красного цвета, вторые два символа – зеленого, а третьи два символа – синего. Каждый символ может быть либо цифрой, либо одним из шести символов: a, b, c, d, e, f

10 Шестнадцатеричный формат чисел В этом формате каждый символ соответствует числу в диапазоне от 0 до 15: 0 – это «0» в десятичной системе счисления 1 – это «1» – это «9» a – это «10» b – это «11» e – это «14» f – это «15»

11 Шестнадцатеричный формат чисел С помощью двух символов можно представить число в диапазоне от 0 до 255: 00 – «0» 01 – «1» f – «15» 10 – «16» 11 – «17» 12 – «18» fe – «254» ff – «255»

12 Цвет текста Например, Текст

13 Блок текста Текст. Текст. Текст. Текст. Текст. Текст. Текст. Свойство align задает тип выравниваения текста. Возможны четыре значения: leftпо левому краю rightпо правому краю centerпо центру justifyпо ширине

14 Абзац текста При большом количестве текста его можно разбить на несколько частей – абзацев тегом Текст первого абзаца. Текст первого абзаца. Текст первого абзаца. Текст второго абзаца. Текст второго абзаца. Текст второго абзаца. Текст второго абзаца. Текст второго абзаца.

15 Изображение Для добавления на страницу изображения служит тег Например, тег Показывает изображение, находящееся в файле tux.jpg в том же каталоге, что и файл HTML-страницы

16 Размер изображения Для задания размеров изображения служат свойства width – ширина и height – высота Например, Значения указаны в пикселях.

17 Гиперссылки Для ссылки на другую HTML-страницу служит тег Например, Это гиперссылка Свойство href указывает URL ресурса, на который будет осуществлен переход, при нажатии на гиперссылку