HTML программирование

  • pptx
  • 14.08.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала Программирование в HTML.pptx

Программирование в HTML

Подготовила: учитель информатики
КГУ «Школа-Гимназия №51»
Маскаленко Ю.А.

Основные теги:

и - документ на языке HTML
и - информация о документе
и - название странички, которое будет выведено в рамке окна программы и просмотра
и - «тело» документа (текст, графика и т.д.)

- выравнивание абзаца

По центру:

Привет мир!!!


По левому краю:

Привет мир!!!


По правому краю:

Привет мир!!!


По ширине страницы:

Привет мир!!! 

Мой первый сайт

Привет мир!!!


  Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!! 

Заголовки

В наборе тегов html языка имеется шесть типов заголовков:

Привет мир!!!


Привет мир!!!


Привет мир!!!


Привет мир!!!


Привет мир!!!

Привет мир!!!

size - размер текста

любой текст любой текст любой текст   любой текст

Мой первый сайт

Привет мир!!!


Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!


Цвет
В html языке используется своя палитра красок. Вот основные цвета, выглядят они так:
http://www.webremeslo.ru/spravka/spravka1.html
Один и тот же цвет можно задать двумя способами: используя шестнадцатеричное значение цвета RGB - например #008000 - зелёный цвет, либо используя константы цвета - green (для тех кто учил французский, green -зелёный.)

- цвет текста

Привет мир!!! - То цвет шрифта станет красным.

- цвет фона

 - залили всё голубым..

Мой первый сайт text="#484800" bgcolor="#e8e8e8">

color="#008000">Привет мир!!!

Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю color="#ff0000">вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!

Стиль текста

Полужирный текст
- Наклонный текст
Подчеркнутый текст
Перечеркнутый
Перечеркнутый (второй вариант, от первого ничем не отличается)
- моноширинный шрифт
- Малый
- Большой
- Верхний индекс
- Нижний индекс

Стили текста Научная статья.

Если разбавить дистиллированную воду Н2О сорока процентами этилового спирта С2Н5ОН то получится жидкость в 40о более известную широкой публике под названием - водка.
Впервые данную пропорцию придлажил предложил Дмитрий Иванович МЕНДЕЛЕЕВ.


Распитие спиртных напитков вредит вашему здоровью.

Шрифт

Эта строчка будет написана с помощью шрифта Arial
Пример:
Использование различных шрифтов  face="arial">Мало кто знает, как много надо знать для того, что бы знать, как мало мы знаем.

face="times new roman">Мало кто знает, как много надо знать для того, что бы знать, как мало мы знаем.
face="comic sans ms">Мало кто знает, как много надо знать для того, что бы знать, как мало мы знаем.

Рисунки.

Теперь приведу ряд примеров где путь указывается:
 - Такая запись подразумевает, что в директории где расположен наш html документ есть папка myfoto в которой расположен файл foto.jpg  - Значит рядом с документом расположена папка myfoto, в ней еще одна папка с названием graphics, и уже в ней нужная нам фотография foto.jpg которую нужно выложить для всеобщего обозрения.

Как и другие теги  тоже имеет свои атрибуты.. уже знакомый нам атрибут align "выравнивание" применим и к данному тегу
 - фото слева от текста  - фото справа от текста  - текст выше фото  - текст ниже фото  - ну и соответственно текст посередин

Выравнивание рисунка.

    Расположение изображения  

>