'

HTML

Понравилась презентация – покажи это...





Слайд 0

HTML Язык гипертекстовой разметки страниц


Слайд 1

Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы (тэги) HTML. Документы HTML хранятся в файле с расширением .html, или .htm (например, index.html)


Слайд 2

Дескрипторы HTML Дескрипторы HTML сообщают Web-браузеру информацию о структуре и особенностях форматирования web-страницы. Каждый дескриптор содержит определенную инструкцию и заключен в уголковые скобки (< и >). Многие дескрипторы обладают атрибутами, позволяющие указывать значения параметров.


Слайд 3

Структура HTML документа <html> <head> Служебная информация </head> <body> Тело документа </body> </html>


Слайд 4

Создание текста Текст написанный между тегами отображается на экране <html> <head> <title>Магистрально-модульный принцип работы</title> </head> <body> В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями. </body> </html>


Слайд 5

Отображение в окне браузера В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.


Слайд 6

Создание заголовков Заголовки создаются тегом <h>. Используется 6 уровней заголовков от <h1> до <h6> Например: <h1>Заголовок 1</h1> <h2>Заголовок 2</h2> <h3>Заголовок 3</h3> <h4>Заголовок 4</h4> <h5>Заголовок 5</h5> <h6>Заголовок 6</h6> Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6


Слайд 7

Абзац Абзац создается тегом <p> Например: <p>Текст абзаца</p>


Слайд 8

Форматирование текста <body> <h1>Магистрально-модульный принцип работы</h1> <p>В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию..</p> <p> Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями. </p> </body>


Слайд 9

Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями. Отображение в окне браузера


Слайд 10

Атрибуты тегов <Имя тега атрибут1=значение1 атрибут2=значение2> Текст </ имя тэга> Например: <p align="center">Текст</p>


Слайд 11

Атрибут style Устанавливает стиль написания текста <a style="параметры">текст<p> Style="параметр1:значение1; параметр2:значение2;…"


Слайд 12

Основные параметры шрифта font-weight: [bold|normal|number] - жирность шрифта font-style: [normal|italic|oblique] - наклон шрифта font-size: number - размер шрифта font-family: name - гарнитура шрифта color: number - цвет шрифта background-color: number - цвет подложки background: url - текстурная подложка


Слайд 13

Например: <p style="font-weight:bold;font-style:italic; font-size:72;font-family:arial;color:red;"> текст абзаца </p>


Слайд 14

текст абзаца


Слайд 15

Основные параметры абзаца text-align: [left|right|center|justify] – выравнивание text-indent: number - отступ красной строки line-height: number – интерлиньяж (межстрочный интервал) letter-spacing: number – трекинг (межбуквенный интервал)


Слайд 16

Основные параметры абзаца (отступы от текста) padding-left: number - отступ от текста слева padding-right: number - отступ от текста справа padding-top: number - отступ от текста сверху padding-bottom: number - отступ от текста снизу


Слайд 17

Основные параметры абзаца (отступы от границ) margin-left: number - отступ от границы слева margin-right: number - отступ от границы справа margin-top: number - отступ от границы сверху margin-bottom: number - отступ от границы снизу


Слайд 18

Атрибуты тега <body> Text – цвет текста Bgcolor – цвет фона Background=url – фоновый рисунок Например: <body text=#338833 bgcolor =#112233> Текст страницы (относится ко всей странице) </body>


Слайд 19

Отступы на странице LEFTMARGIN=0 – отступ слева TOPMARGIN=0 – отступ сверху MARGINWIDTH=0 – ширина поля (левого и правого) MARGINHEIGHT=0 – ширина поля (верхнего и нижнего)


Слайд 20

Начертание шрифтов <b> Полужирный текст </b> <i> курсив </i> <u> Подчеркнутый текст </u> <tt>Пропорциональный</tt>


Слайд 21

Фиксированный текст <pre> текст </pre> Текст, записанный в тэге pre выводится с точностью до пробела. Его можно использовать для написания стихотворений


×

HTML:





Ссылка: