[SuperSliv biz] 2 Тема. Что такое html и css


Download 318.15 Kb.
Pdf ko'rish
bet2/9
Sana12.09.2023
Hajmi318.15 Kb.
#1676180
1   2   3   4   5   6   7   8   9
Bog'liq
Что такое HTML и CSS

Приступим 
В офисе обсуждают встречу с клиентом. Саша говорит, что всё прошло 
нормально, но есть пара жалоб. К примеру, страницы загружаются долго. 
Пользователи загружают обложки для своих плейлистов, но фотографии 
не cжимаются. Дешёвый сервер еле-еле вытягивает нагрузку. 
Арендовать сервер помощнее клиент не хочет — дорого, а проблему 
решать нужно уже сейчас. 


Саша убежал на следующую встречу, сказал, что отпишет в чат. 


Работать в тишине неохота, поэтому вы решили закрыть сразу две 
задачи. Сделать обложку для Кати и заодно оформить свой плейлист для 
спокойного кодинга — The Life of Coder 
😌
2.Теги HTML 
Начнём подробнее изучать HTML. Этот язык создаёт каркас сайта. 
Название расшифровывается как Hyper Text Markup Language. 
Для размещения на странице видимый контент (текст, изображения, 
видео) заключают в управляющие конструкции — теги. Такие «бирки» 
указывают браузеру, как отобразить то, что в них «обёрнуто». 


 
Обычно HTML-элемент состоит из тегов и размещённого между ними 
содержания. У любого HTML-тега есть имя и угловые скобки. Например, 
тег самого главного заголовка носит имя 
h1
(heading 1, «заголовок 
первого уровня»). 
 
Теги расставляются как дорожные знаки с названием города. На въезде в 
город знак объявляет его имя, а на выезде перечеркнутое имя сообщает, 
что город закончился. Так и в начале HTML-элемента 
ставят открывающий тег с именем тега, а в конце — закрывающий тег, 
где имя будто перечёркнуто косой чертой. Созданный элемент называют 
по имени тега. 


Задание: 
Перейдём к делу и разберёмся с заголовками для обложки плейлиста. 
При помощи тегов создайте элемент 
h1
с текстом 
The Life of
внутри. 
На следующей строке после 
h1
создайте элемент 
h2
с текстом 
Coder
.
Подсказка:
Порядок записи должен быть таким: открывающий тег, текст, закрывающий тег. Если не 
получается, загляните в теорию (буква «Т» в правой части экрана). 
В открывающем теге 

Download 318.15 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling