В процессе — Code Monkey Press

Тело страницы и основные теги

То, что мы видим в браузере это и есть тело страницы, или тег <body></body>, именно в него помещается весь контент.

Текст (контент) — основа страницы. Но если просто добавить много текста в теге
<body></body>, это будет большая куча без абзацев, отступов, вообще без какого-либо форматирования. Для того, чтобы придать тексту читаемый вид, первыми вступают в дело теги html. Тегов для форматирования текста не так много, все многообразие, которые вы могли видеть на сайтах, создают стили и дополнительные параметры для тегов. Сегодня мы рассмотрим простые теги.

Новый сайт для Frontendchallenge: frontendchallenge.codemonkey.press/2.html

Читать про теги

Frontendchallenge

Нужно больше ~~золота~~ практики. Как это парадоксально не звучит, но чтобы получился хороший код, нужно сотворить много говнокода. Практика, практика и еще раз практика, не только постоянно учить что-то новое, но и применять это на деле.

Для этого я сам для себя придумал марафон, челлендж, Frontendchallenge: поставил цель в течение года сделать 100 сайтов. От самых простых до сложных, причем в каждом последующем должно применяться что-то новое. Разумеется, HTML тут не ограничится, здесь будет и CSS, и JavaScript, и фреймворки, и вообще все, до чего я смогу дотянуться по направлению web-разработки.

Четкой периодичности, разумеется, не будет, самое главное требование — уложиться с сотней сайтов за год. Смотреть первое творение и следить за объемом говнокода можно ссылке: frontendchallenge.codemonkey.press

Изучаем метатеги

Метатеги — очень важные теги, в которых хранится информация для браузеров и поисковых систем. Раньше правильное наполнение этих тегов было критично для получения хорошей поисковой выдачи, но сейчас поисковики существенно поумнели и уже не принимают на верю все, что написано, а самостоятельно проверяют. Тем не менее, считаю, добавление дополнительной информации для роботов как минимум не повредит, а времени на них особо много не уходит.

Сегодня я разберу только несколько тегов, которые я однозначно решил использовать. Метатеги прописываются в теге <head></head>, который часто называют контейнером. В примере далее будет указан только этот контейнер без тела страницы и дополнительных элементов.

Основа любой страницы

У любой страницы есть определенный набор обязательных тегов, которые составляют базовую структуру, это применимо абсолютно к любым сайтам. Постепенно буду собирать новые теги, описывать и формировать шаблон будущей типовой страницы. Для написания кода я скачал себе Notepad++, скачать который можно с официального сайта.

Смотреть далее пример страницы

Первые шаги в HTML

Приступил к освоению HTML. В свободное время почитываю статьи и смотрю видео, данный язык не кажется чем-то сложным, складывается впечатление, что его освоить действительно сможет каждый! На просторах интернетов очень много мануалов, но я хочу собрать свой, так сказать свою базу знаний.

В формате блога я буду писать короткие и средние заметки, потом их оформлять в большие статьи.
Итак, приступим!

Первые шаги

Очень долго и мучительно выбирал первый язык для изучения. Кучу мнений как за, так и против каждого конкретного языка. Решил основным для себя взять Пайтон (часто звучащий как Питон в русскоязычном сегменте интернетов), купил умную книжку, начал читать и…. почти ничего не понятно с самого начала. Тупо перебивать код из примера, конечно, получается, но объяснения совершенно далеки от понимания — используются термины и приемы, которые, судя по всему, будут описаны намного позже. Смысл такой последовательности неясен пока.

В связи с этим было решено дальше мучить Пайтон, но попутно ознакомиться с чем-то попроще, например с HTML для более комфортного погружения в код. По идее, HTML (и CSS в дальнейшем) хотя бы на базовом уровне знать полезно, так что почему бы и не попробовать.