<p class="text__right__item" style="color: #007c00">До задач HTML-верстальника належить реалізація проекту (розробленого веб-дизайнером) у вигляді HTML-коду з урахуванням всіх особливостей стилю й графічного оформлення. Створений код повинен однаково адекватно відображатися у всіх популярних браузерах, при різних роздільних здатностях монітора й кількості кольорів.</p>
Постійна робота з монітором згубно позначається на загальному самопочутті.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Місце роботи
Інтернет-компанії, дизайн-студії.
Компанії, які у своїй структурі мають інтернет-відділи.
</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Особисті якості
Робота HTML- кодера досить рутинна. Вона жадає від виконавців посидючості, акуратності й уважності, якими, як правило, володіють люди зі спокійним характером. Природно, що всі ці якості повинні бути присутніми у власника на тлі структурного мислення.</p>
Від людей цієї професії фахової освіти не потрібно, головне тут знання й досвід, підкріплені портфоліо. Необхідно знати: HTML (вручну), CSS 1, CSS 2, JavaScript, Dreamweaver, Front Pages. Бажано знати: Photoshop, PHP, MySQL, XML\XSL.</p>
Const n = 50; // количество чиселvar k: array [1..n] of integer; i, j, n1, n2, minr, a, b: integer; begin writeln(n, ' ', ': d'); a : = random(1000); b : = random(1000); minr : = 10000; for i : = 1 to n do k[i] : = a + random(b); for i : = 1 to n do for j : = 1 to n do if ((abs(k[i] - k[j])) < minr) and (k[i] < > k[j]) then begin minr : = abs(k[i] - k[j]); n1 : = i; n2 : = j; end; writeln(n1, ' ', n2); end.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<div class="headder__wrapper" style="background-color: #5de239; width: 1349px; height: 61px;">
<h1 class="header__text" style="color: #005454;text-align: center;">HTML верстальник</h1>
</div>
</header>
<div class="text">
<div class="text__wrapper" style="display: flex; justify-content: space-between;">
<div class="text__left" style="background-color: #41e0ca;width: 369px; height: 233px;">
<h2 class="text__left__item" style="color: #168272;text-align: center;margin-top: 20px;">Меню_1</h2>
<h2 class="text__left__item2" style="color: #168272;text-align: center; margin-top: 20px;">Меню_2</h2>
<h2 class="text__left__item3" style="color: #168272;text-align: center;margin-top: 20px;">Меню_3</h2>
</div>
<div class="text__right" style="background-color: #17f351; width: 1558px; height: 233px;">
<p class="text__right__item" style="color: #007c00">До задач HTML-верстальника належить реалізація проекту (розробленого веб-дизайнером) у вигляді HTML-коду з урахуванням всіх особливостей стилю й графічного оформлення. Створений код повинен однаково адекватно відображатися у всіх популярних браузерах, при різних роздільних здатностях монітора й кількості кольорів.</p>
<br>
<p class="text__right__item" style="color: #007c00">Специфіка професії</p>
<br>
<p class="text__right__item" style="color: #007c00">Плюси професії
Можливість самостійного освоєння професії.
Високий попит на ринку праці.
Необхідність постійного відновлення знань.
Розмиті границі між веб-дизайнером, веб-програмістом і банер-мейкером, дають можливість працювати в суміжних областях.</p>
</div>
</div>
</div>
<div class="data">
<div class="data__wrapper" style="background-color: #24cfe1; width: 1349px; height: 193px;">
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Мінуси професії
Мало простору для вдосконалювання.
Рутинність.
Постійна робота з монітором згубно позначається на загальному самопочутті.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Місце роботи
Інтернет-компанії, дизайн-студії.
Компанії, які у своїй структурі мають інтернет-відділи.
</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Особисті якості
Робота HTML- кодера досить рутинна. Вона жадає від виконавців посидючості, акуратності й уважності, якими, як правило, володіють люди зі спокійним характером. Природно, що всі ці якості повинні бути присутніми у власника на тлі структурного мислення.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Кар'єра
Веб-дизайнер, веб-програміст, банер-мейкер.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Освіта
Від людей цієї професії фахової освіти не потрібно, головне тут знання й досвід, підкріплені портфоліо. Необхідно знати: HTML (вручну), CSS 1, CSS 2, JavaScript, Dreamweaver, Front Pages. Бажано знати: Photoshop, PHP, MySQL, XML\XSL.</p>
</div>
</div>
<div class="footer">
<div class="footer__wrapper" style="background-color: #55e343; width: 1349px; height: 49px;">
<h1 class="footer__item" style="color: #00504b; margin: 0;padding: 0; text-align: center;">Сайт Створено компанією Петре</h1>
</div>
</div>
</body>
</html>
Объяснение:
Вставляешь это уже готовый сверстатнный сайт
Создавай документ и делай