Можно скопировать этот текст в текстовый редактор и начать создавать html документ:

<!doctype html>

<html lang="ru">
<head>
	<meta charset="utf-8">
	<title>Заголовок страницы, который будет виден во вкладке браузера</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">

	<link rel="stylesheet" href="/css/styles.css">

	<!--[if lt IE 9]>
		<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
	<script src="/js/jsscript.js"></script>
</body>
</html>

<html lang="ru"> - lang="ru" можно не указывать если на странице только английский текст.

<head> - начало служебной части, в которой указывается браузеру как и с помощью чего должно отображаться соддержимое страницы, а также необходимая информаация об этой страница, используемая роботами, в том чисое поисковых систем.

<meta charset="utf-8"> - оставляем как есть если при создании мы исполоьзуем кодировку utf-8, если другую, указываем её обозначение.

<meta name="description" content=""> - описание сайта - текст между кавычками после content, его используют также и поискорвые системы, показывая в результатах поиска.

<meta name="keywords" content=""> - ключевые слова сейчас вроде как не используются и, как пишут часто, их указание теперь может быть даже вредным. Можно эту строку удалить или оставить как есть. Если захотите перечислить ключевые слова напишите их разделяя запятыми.

<meta name="author" content=""> - можно указать автора страницы или владельца сайта

<link rel="stylesheet" href="/css/styles.css"> - ссылка на файл таблицы стилей, которая будет использоваться при оформлении отображаемой посетителю страницы. Можно указать таких строк столько сколько необходимо - по ним браузер будет скачивать и использовать все указанные файлы стилей. Необходимо только помнить - не желательно чтобы повторялись одинаковые селекторы и их свойства без необходимости, иначе и браузер может показать страницу не так как Вам хотелось и Вам или тому кто будет после вас будет работать с сайтом не запутатьтся..
Если таблица стилей не велика, её можно разместить вместо этой строчки прямо в тексте страницы между тегами style, например:
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
}
p {
line-height: 1.6em;
}
</style>

<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 - если нужна  поддержка internet explorer оставляем эти строки - браузер загрузит скрипт, позволяющий мнтернет эксплореру понимать html5 разметку и создаем страницу с учетом этого скрипта. Если не нужна, просто убираем эти три строчки.

</head> - конец служебной части.

<body> - начало основной, отображаемой посетителю части страницы.

<script src="/js/jsscript.js"></script> - необходимые скрипты могут подключаться как отдельными загружаемыми файлами, так и прямо в тексте страницы в начале, конце или там где необходимы.

</body> - конец страницы, после этого тега уже не должно быть никаких данных для отображения.

</html> - самый последний, завершающий тег.