Главная страница / Занятия / #1 / Базовая структура HTML-документа

Базовая структура HTML-документа

Задание:

Создать HTML-документ, содержащий базовые элементы.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Базовая структура HTML-документа</title>
     <link rel="stylesheet" href="styles.css">
     <script src="scripts.js"></script>
    </head>
   
    <body>
     <p class="red">Первый абзац</p>
     <p class="green">Второй абзац</p>
     <p class="blue" id="thirdParagraph">Третий абзац</p>
    </body>
   
   </html>

CSS–разметка (styles.css):

   .red    	{ color: red; font-size: 14px; }
   .green  	{ color: green; font-size: 14px; }
   .blue   	{ color: blue; font-size: 14px; }

JS–скрипты (scripts.js):

   window.onload = function()
   {
    document.getElementById('thirdParagraph').style.fontSize = '30px';
   };

Результат:

Результат выполнения задания можно посмотреть здесь.