HTML DOCTYPE html head meta charsetUTF8 title title

Основы HTML <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Название документа</title> </head> <body> Содержимое документа </body>

p { Основы CSS font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20

Основы синтаксиса Java. Script <p id="demo"> </p> <script> var car. Name = "Volvo"; document.

Основы синтаксиса Java. Script Типы данных: var length = 16; var last. Name =

Основы синтаксиса Java. Script Функции: function name(parameter 1, parameter 2, parameter 3) { //

Slides: 32

Download presentation

Основы HTML <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Название документа</title> </head> <body> Содержимое документа </body> </html>

p { Основы CSS font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; }

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 1. Первое правило присвоено HTML-элементу p (абзацу) — назначен стиль. Абзацы будут отображаться шрифтом Arial или, если такой шрифт недоступен, тогда Helvetica или Sans-serif, иначе, другим шрифтом этого семейства.

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 2. Второе правило присвоено HTML-элементу h 2 (заголовку второго уровня). Заголовок второго уровня будет отображаться красным на белом фоне с увеличенным размером.

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; } . note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 3. Третье правило будет применено к любому элементу, атрибут class которого равен «note» . Например, к параграфу: <p class="note">Этот абзац будет выведен полужирным шрифтом красного цвета на жёлтом фоне. </p>

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 4. Четвёртое правило будет применяться только к элементу p, атрибут id которого равен paragraph 1. Такой элемент будет иметь внутренний отступ в 10 пикселей (padding).

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 6. Шестое правило применяется для элементов p, которые находятся внутри какого либо элемента с атрибутом id, равным «news» .

Основы CSS p { font-family: arial, helvetica, sans-serif; } h 2 { font-size: 20 pt; color: red; background: white; }. note { color: red; background-color: yellow; font-weight: bold; } p#paragraph 1 { padding-left: 10 px; } a: hover { text-decoration: none; } #news p { color: blue; } [type="button"] { background-color: green; } 7. Седьмое правило применяется для всех элементов, у которых атрибут type равен button. Например, это правило будет применено к элементу <input type="button"> или <button type="button">Кнопка</button> (обычная кнопка), изменив его цвет фона на зелёный.

Основы синтаксиса Java. Script <p id="demo"> </p> <script> var car. Name = "Volvo"; document. get. Element. By. Id("demo"). inner. HTML = car. Name; </script>

Основы синтаксиса Java. Script Типы данных: var length = 16; var last. Name = "Johnson"; var x = {first. Name: "John", last. Name: "Doe"}; // Number // String // Object var x = 16 + "Volvo"; //var x = "16" + "Volvo"; var x = 16 + 4 + "Volvo"; //20 Volvo var x = "Volvo" + 16 + 4; //Volvo 164 var x; x = 5; x = "John"; // тип и значение x не определено // x – число // x – строка var answer 1 = "It's alright"; var answer 2 = "He is called 'Johnny'"; var answer 3 = 'He is called "Johnny"'; var cars = ["Saab", "Volvo", "BMW"]; // массив

Основы синтаксиса Java. Script Функции: function name(parameter 1, parameter 2, parameter 3) { // код } function to. Celsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document. get. Element. By. Id("demo"). inner. HTML = to. Celsius(77); function to. Celsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document. get. Element. By. Id("demo"). inner. HTML = to. Celsius;