Как встроить css и js в html

Последнее обновление на 19.12.2023

Кодировка html документа

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Ключевые слова

<meta name="description" content="Описание" />
<meta name="keywords" content="Теги" />

Вставить иконку на сайт

 <link rel="shortcut icon" href="favicon.ico">
 <link rel="icon" href="favicon.ico">

Вставка CSS в html документ

<style></style>
<style type="text/css">style</style>
<link type="text/css" rel="StyleSheet" href="/css/mycss.css" /> - между тегами head

Вставка JS в html документ

<script></script>
<script type="text/javascript"></script>
<script type="text/javascript" src="js/myjs.js"</script> - между тегами head 

Meta теги html документы ключевые слова и описание

<meta name="description"  content="Мета теги описание" />
<meta name="keywords"  content="Мета теги ключевые слова" />

Встроить библиотеку Jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

Встроить префиксы

<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

Как подключить свои шрифты в CSS

@font-face {
    font-family: MyFont; /* Название шрифта */
    src: url(/fonts/MyFont.ttf);
   }

или

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400&subset=cyrillic,cyrillic-ext,latin);