question подсказка:
/click5
Сайт, это не просто текст с картинками, это нечто большее. Сайт можно нарисовать в конструкторе, но я уверен, что написать вручную лучше. Ведь вы знаете что, где и как работает.
Код большого сайта для вас будет страшно выглядеть(честно, пока я не разберусь сам в нём, он будет и для меня тоже страшным😆).
Что бы его увидеть, нажмите на F12 и откроется панель, в которой выберите Elements, и то что появится, и есть код под названием html(язык разметки страницы), кроме него ещё есть css(каскадная таблица стилей) и js(java script).
Но в этом уроке мы посмотрим на html код, а в следующем будем писать свой!
Начнём! Весь сайт состоит из тегов, вверху вы видите закрывающийся тег, а есть и открывающийся:
Попробуйте определить виды тегов на картинке.
<head> например открывающийся;
</head> закрывающийся.
В чём их отличая? Всё легко, в слеше(/). Если в теле есть слеш, то он закрывающийся! Запомните!!!
Наша основа начинается с <!DOCTYPE html>, это необязательная команда, но лучше всё же писать.
Дальше тег <html>, и браузер считывая ваш код внутри будет знать что всё внутри него, это код который он должен читать.
Потом теги head и body. Начнём с head, это то что не видно на странице(сейчас нам он особо не нужен) и название вкладки(на самом деле это очень важный тег, но нам сейчас важен body). Другой тег body, обозначает всё что будет видно на странице.
Код на рисунке особенного не делает, он создаёт пустую вкладку Документ.
Но что нам пустая вкладка, нам нужна страница 😼. Начнём заполнять нашу страницу текстом, и в этом нам помогут опять теги:
В тег body мы добавили h1, p.
<p> означает параграф, и всё что внутри него, это новый параграф текста.
<h1> это заголовок первой степени, всего 6 степеней(<h2>, <h3>..., <h6>), и всё что внутри него, заголовок текста.
Сейчас мы посмотрели легчайший код страницы, к следующему уроку подготовьте телефон. Ведь если вы собираетесь работать на нём, то установите Хром и TredEdit.
