Не работает код в уроках, помогите !

Курсы
1

Вставил его в блокнот, переименовал расширение на html открыл браузером, а браузер код css выводит как текст на страничке ! Что не так ? Скопировал все как и в уроке, первым код html а ниже стили css.

2 
<!DOCTYPE html>
<html>
  

  <head>
       
 <title>Одиночные HTML-теги</title>
   
 </head>
    <body>
       
 <h1>Инструктор Кекс</h1>
      
  <p>В последующих курсах вам будет часто помогать с освоением тонкостей HTML и CSS инструктор Кексик. Дадим же ему возможность представиться:</p>
  
      <!-- Изображение -->
        <!-- Разделитель -->
      
  <blockquote>
           
 <p>Привет! Меня зовут Кекс и я ваш будущий инструктор. Я веб-разработчик и живу в Санкт-Петербурге. Мои самые известные проекты:
<!-- Перенос -->
  
          блог Cat Energy,<!-- Перенос -->
            курс про ссылки и изображения в HTML Academy,
<!-- Перенос -->
           
 курс про HTML5 там же.</p>
          
  <p>До встречи в последующих курсах!</p>
   
     </blockquote>
    </body>


</html>

body
{

font-family: Georgia, serif;

}

/* Пример оформления цитаты */

blockquote
{

margin: 1.5em 0;

padding: 0.5em 15px;

line-height: 1.5;

background: #f9f9f9;

border-left: 2px
solid #ccc;

}

3

Разобрался, надо так Подключить стили из файла - <link rel="stylesheet" href="1.css">

1 лайк