Сегодня я буду обьяснять основы сайта и расскажу, где можно найти подходящий текстовый редактор.
В этом уроке мы будем пользоваться программой TrebEdit для телефона и Notepad++ для компьютера.
Мы обучимся :
- Установка программы.
- Узнаем основу каждого HTML - документа.
- Изучим первые теги.
И каждый из вас получит задание для лучшего усвоения знаний.
Начнем с телефона, мне с него удобнее.
- Открыть Play Market.
2. Напишите в запросе "html редактор"
3. Выберите TrebEdit.
4. Нажмите "Установить"
5. Заходим в него.
Создаем файл.
Ну что же, давайте перейдем к компьютерному редактору, Notepad++.
Я не смог сделать фото и поставил видео :
Рассказываю основное в веб странице. Вернемся к картинке редактора.
<!DOCTYPE html> - это тег, который говорит браузеру, что это HTML, и соответственно, сайт.
Дальше идет тег <html></html>. Это парный тег. <html>, это открывающий тег. </html> закрывающий тег. Если есть открывающий тег, то его нужно закрыть закрывающим. Теги можно вкладывать друг в друга.
<head></head>, парный тег, который вкладывают в <html>, то есть помещают между открывающим и закрывающим тегом. Он хранит данные, которые не отображаются на странице.
Потом тег <body></body>. Парный. Он хранит то, что мы видим на сайте, картинки, тексты и даже игры, написанные на JavaScript, который мы изучим позже.
Между тегами <html> и </html> вложен парный тег <title></title>. Он показывает название страницы, указанное между ним.
Все, что написано между <title></title> будет отображаться там.
И новые, но главные теги.
< p></p>,<h1></h1>,<h2></h2>,<h3></h3>.
< p></p>, теги текста
<h1></h1>,<h2></h2>,<h3></h3> это теги заголовка. <h1></h1>, это самый большой заголовок.<h6></h6> самый маленький. Я рассказываю о первых трех, потому что они самые используемые. О остальных я расскажу позже.
И сегодня ваше задание написать такую страницу и скинуть фото в коментарии.
Подписывайтесь на канал, чтобы учиться веб - разработке вместе со мной.