Всем привет, сегодня мы выучим html за 5 минут. Что такое html вы можете узнать в тут: https://ru.wikipedia.org/wiki/HTML .
для начала нам нужно скачать Notepad++ скачать его можно тут: https://notepad-plus-plus.org/downloads/
последняя версия на сегодня https://notepad-plus-plus.org/downloads/v7.8.9/
Теперь создаем .html файл.
Создаем текстовый документ, так
Открываем его и
Нажимаем Файл, Сохранить как
Выбираем Все файлы, и не .txt ,а .html .Это очень важно!
И у вас файл с вашим браузером. Открываем его через notepad++
Вот так
И пишем там например так "Привет"
И нажимаем Ctrl + S
Открываем наш html файл и видим Привет
Это файл локальный доступен только вам, вы не можете скопировать ссылку и дать другу, зато можете скопировать .html файл и дать кому нибудь!
.html файл надо начинать с:
<!DOCTYPE>
<html>
<head>
<meta charset="UTF=8">
<title>Имя сайта</title>
</head>
<body>
Тут код!
</body>
</html>
Если вы хотите сделать чтобы когда вы нажимаете на Привет открывался например YouTude
пишите вот какой код:
<a href="http://youtude.com">Привет</a>
И нажимаем Ctrl + S
Запускаем .html файл и видим вот.
Если мы нажмём на Привет откроется YouTude
Чтобы открыть YouTude в новой вкладке надо написать так:
<a href="http://youtude.com" target="_blank" >Привет</a>
Сохраняем и проверяем, чтобы сохранить нажимаем Ctrl + S
Чтоб сделать текст большим или маленьким надо написать
<h1>текст</h1>
и тест становится большим
размер h от 1 до 6
1 большой, 2 меньше и т.д.
чтоб надпись была на следующей строчке нужен тег <br>
Например:
Вот<br>
Вот
теперь у нас в коде не:
Вот Вот
,а
Вот
Вот
вот еще теги
1)<strong>Жирный текст</strong>
2)<em>Курсивный текст</em>
3)<small>Маленький текст</small>
тегов очень, очень много!
Чтоб не ставить числа 1,2,3 есть теги! :
<ol>
<li>Один</li>
<li>Два</li>
<li>Три</li>
</ol>
Результат:
- Один
- Два
- Три
Если место "ol" написать "ul"
Результат:
- Один
- два
- Три
Место чисел будут точки
Есть тег:
<img scr="Тут URL картинки">
Например:
Это была 1 часть!