Search Header Logo
eduMed

eduMed

Assessment

Presentation

Computers

1st Grade

Hard

Created by

Edukoht Edukohter

FREE Resource

38 Slides • 0 Questions

1

eduMed

Slide image

2

Начинаем с HTML

Slide image

3

Уже умеем

Создай элемент «header»

4

Slide image


5

Уже умеем

Внутри элемента «header» создай div-элемент с классом «header»


6

Slide image


7

Уже умеем

Внутри элемента div с классом «header» создай фотографию.

Укажи ей какой-нибудь медицинский логотип.

8

Slide image


9

Уже умеем

Внутри элемента div с классом «header» создай элемент «ul» и укажи у него класс «header-menu»

10

Slide image


11

Уже умеем

Внутри элемента ul с классом «header-menu» создай элемент «li» и укажи у него класс «menu-item»

12

Slide image


13

Уже умеем

Внутри элемента li с классом «menu-item» создай элемент «a» и укажи у него класс «menu-link». Внутри этого тега напиши какое-нибудь название пункта меню

14

Slide image


15

Уже умеем

Копируем li-блок и вставляем его еще два раза после первого li

16

Slide image


17

Уже умеем

После тега «header» создаем тег «section» и указываем туда класс «app»

18

Slide image


19

Уже умеем

Внутри элемента «section» с классом «app» создай div-элемент с классом «wrapper»

20

Slide image


21

Уже умеем

Внутри элемента «div» с классом «wrapper» создай div-элемент с классом «service-box»

22

Slide image

23

Уже умеем

Внутри элемента «div» с классом «service-box» создай div-элемент с классом «service-box-header»

24

Slide image

25

Уже умеем

Внутри элемента «div» с классом «service-box-header» создай элемент «h5» с классом «service-box-title».

Напишу туда вот такой текст:

CHOOSE A SUITABLE SERVICE, <br>SPECIALTY OR DOCTOR

26

Slide image

27

Уже умеем

Выйди из элемента div с классом «service-box-header». После этого создай элемент div с классом «mainContent-item»

28

Slide image


29

Уже умеем

Внутри элемента div с классом «mainContent-item» создай элемент «label» с атрибутом «for». Укажи у атрибута «for» значение «service». Внутри этого элемента напиши текст:

SELECT SERVICE

30

Slide image


31

Уже умеем

После текста написанного в label поставь br

32

Slide image


33

Уже умеем

После тега «br» создай элемент «select». Укажи у него атрибут «name» со значением «service», атрибут «id» со значением «service», и класс «service-box-select»

34

Slide image


35

Уже умеем

Внутри элемента «select» создай элементы «option» c атрибутами: selected="true" disabled="disabled"

Напиши между открывающимся и закрывающимся тегами «option» текст:

SELECT SERVICE

36

Slide image

37

Уже умеем

После первого тега «option» создай еще три тега «option» c атрибутом «value» и значениями:

Vitamin B test,

Coronavirus test,

Vitamin D test

Внутри этих элементов также укажи такой же текст, что и в параметре «value»

38

Slide image


eduMed

Slide image

Show answer

Auto Play

Slide 1 / 38

SLIDE