Html обучение с нуля бесплатно: link | HTML | CodeBasics

link | HTML | CodeBasics

Почти у всех вкладок в браузере существуют маленькие иконки, которые называются фавиконки. Они, как и заголовок, позволяют быстро ориентироваться во вкладках и переходить на нужную. Их используют поисковые системы, показывая рядом с названием страницы в поиске.

Для того, чтобы установить такую иконку на страницу, используется тег <link>, у которого указываются два атрибута:

• rel для указания контента
• href для указания ссылки на иконку

<link rel="icon" href="/favicon.png">

Разные устройства могут отображать иконки разных размеров и форматов, поэтому сейчас добавляется не одна, а сразу несколько иконок. У тега <link> возможно указать тип изображения и его размер. Делается это с помощью атрибутов type и sizes.

Укажем, что иконка формата png и размером 32×32

<link rel="icon" href="/favicon32.  png" type="image/png">

После неё можно указать ещё несколько иконок с разными размерами:

<link rel="icon" href="/favicon64.png" type="image/png">
<link rel="icon" href="/favicon32.png" type="image/png">
<link rel="icon" href="/favicon16.png" type="image/png">

При указании размеров первым числом указывается ширина в пикселях, а вторым значением высота.

Теперь браузеры на разных устройствах смогут точнее работать с иконками и сразу загружать ту, которая им подходит.

Тег <link> позволяет добавлять не только фавиконку, но и подключать файлы стилей, шрифты, подсказывать браузерам следующую (или предыдущую) страницу статьи. Самый распространённый пример — подключение файла CSS к HTML-странице:

<link rel="stylesheet" href="style.css">

Задание

Добавьте link на фавиконку https://www.w3schools.com/favicon.ico с размером 64×64.

Упражнение не проходит проверку — что делать? 😶

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

• Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.

В моей среде код работает, а здесь нет 🤨

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя 🤔

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно 🙄

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.

Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.

Полезное

• Все возможности тега <link> можно посмотреть на MDN Web Docs

• Как и другие метатеги, тег <link> указывается в разделе head

←Предыдущий

Следующий→

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics

22 лучших курсов HTML и CSS-верстки сайтов для начинающих 2022

ФильтрыСписокБесплатныеВакансии

Сравнивайте лучшие курсы по верстке сайтов и найдите подходящее предложение. Здесь представлено 22 платных онлайн курсов, которые помогут вам стать грамотными специалистами. А если вы не уверены в выборе профессии, сначала попробуйте бесплатные варианты. Большой выбор обучающих программ по цене, продолжительности, формату, отзывам, условиям рассрочки. Мы поддерживаем информацию о всех курсах проверенных школ в актуальном состоянии.

Вам важно чтобы курс был в рассрочку?

ДА
НЕТ
ОТМЕНИТЬ ФИЛЬТРАЦИЮ

Вам важно, чтобы курс можно было начать в ближайшее время?

да
НЕТ
ОТМЕНИТЬ ФИЛЬТРАЦИЮ

Вам важно пройти курс за короткое время?

да
НЕТ
ОТМЕНИТЬ ФИЛЬТРАЦИЮ

Фильтруем

Курсы HTML-верстки с фильтрами

Все категорииПрограммированиеWeb-разработкаСоздание сайтов с нуляСоздание сайтов на тильдеDockerРабота с AnsibleKubernetesBackend-разработкаNo-code разработкаPython-разработкаPython для начинающихPython для продвинутыхPython-разработка ботовPython с трудоустройствомJavaScript-разработкаJavaScript-разработка с нуляМобильная разработкаFrontend-разработкаСистемное администрированиеLinuxАдминистрирование WindowsСистемное администрирование с нуляРазработка игрJava-разработкаJava с нуляТестирование на JavaJava с трудоустройствомВерстка на HTML/CSSHTML и CSS-верстка с нуляPHP-разработкаPHP-разработка с нуляQA-тестированиеАвтоматизированное тестированиеТестирование с нуляAndroid-разработкаIOS-разработкаРазработка игр на UnityФреймворк React. JSDevOpsРазработка на C#Информационная безопасностьОсновы информационной безопасностиИнформационная безопасность с сертификатомИнформационная безопасность детямРазработка игр на Unreal EngineФреймворк DjangoФреймворк SpringРазработка на SwiftРазработка на C++Фреймворк Node.JSФреймворк Laravel1C-разработка1C с нуля1C с трудоустройствомРазработка на KotlinVR/AR разработкаGolang-разработкаАлгоритмы и структуры данныхРабота с GITФреймворк FlutterООПООП PythonООП C#, C++Программирование с нуляПрограммирование с трудоустройствомУправлениеProduct-менеджментУправление командамиОнлайн-преподавательФинансы для руководителейProject-менеджментРуководство маркетингомБренд-менеджментБренд одеждыБренд-дизайнУправление разработкой и ITУправление продажамиЗапуск стартаповЮридические аспекты бизнесаУправление образовательными проектамиУправление по Agile и ScrumEvent-менеджментТайм-менеджментУправление в дизайнеIT-рекрутментМенеджмент в индустрии красотыУправление в SMMПродюсированиеДокументооборотЛогистикаПовышение квалификации управленияУправление предприятиемУправление рискамиДизайнWeb-дизайнWeb-дизайн с нуляWeb-дизайн с трудоустройствомДизайн средыГрафический дизайнГрафический дизайн для начинающихГрафический дизайн с сертификатом3D-моделированиеBlender3D для начинающих3D для детейUX/UI дизайнДизайн интерьеровДизайн интерьеров для начинающихДизайн интерьеров с трудоустройствомОтрисовка иллюстрацийFashion иллюстрацияКнижная иллюстрацияЦифровая иллюстрацияКоммерческая иллюстрацияГеймдизайнMotion-дизайнAdobe PhotoshopAdobe Photoshop с нуля3D MAXЛандшафтный дизайнЛандшафтный дизайн для начинающихДизайн мобильных приложенийСкетчингСкетчинг для начинающихИнтерьерный скетчингFashion скетчингАрхитектурный скетчингСкетчинг для детейArchiCADFigmaAdobe IllustratorСоздание лендинговAutoCADТипографикаHoudiniИзобразительное искусствоПовышение квалификации изобразительное искусствоЖивопись для начинающихРисование живописиКомпозицияДизайн для начинающихДизайн одеждыМаркетингSMM-продвижениеSMM с нуляSMM с сертификатомПродвижение ВконтактеИнтернет-маркетингИнтернет-маркетинг с нуляИнтернет-маркетинг краткоТаргетированная рекламаТаргет ВКSEO-продвижениеПродвижение в InstagramКонтекстная рекламаPR-менеджментПродвижение видеоSERM и репутацияCRM и email-маркетингМессенджер-маркетинг и чат-ботыРеклама у блогеровМаркетинг мобильных приложенийGoogle AdsЯндекс. ДиректПродвижение в TikTokРазвитие креативного мышленияМаркетинг с сертификатомПовышение квалификации маркетингАналитикаBig DataИнвестиционная аналитикаВизуализация данныхData ScienceData Science PythonData Science с нуляБизнес-аналитикаБизнес-аналитика с нуляБизнес-аналитика с трудоустройствомМаркетинговая аналитикаПродуктовая аналитикаФинансовая аналитикаWeb-аналитикаСистемная аналитикаРабота с Excel и Google-таблицамиExcel для начинающихExcel с сертификатомМашинное обучениеИскусственный интеллектАналитика для руководителейАналитика на Power BIАналитика на PythonАналитика на TableauРабота с презентациямиSQL для анализа данныхНейронные сетиМатематика для Data ScienceData EngineeringDeep LearningАналитика на RАналитик 1САналитика с нуляСоздание контентаКопирайтингКопирайтинг с сертификатомКопирайтинг с трудоустройствомКопирайтинг для начинающих2d-художникСтримерСценарист3d-художникКонтент-маркетингСоздание и монтаж видеоРежиссураВидео на телефонМонтаж видео с нуляСъемка и обработка фотоФотография для начинающихРетушь фотографийПредметная фотографияФотография в фотошопеФотография с сертификатомСвадебная фотографияМобильная фотография3D-анимацияSound-дизайн и звукорежиссураТеория звукорежиссурыКонцертная звукорежиссураБлогерствоРедактура текстовСоздание электронной музыкиСведение и мастерингAdobe After EffectsАнимация After EffectsCinema 4DAbleton LiveСторителлингИностранные языкиАнглийский языкАнглийский язык с нуляАнглийский язык для студентовПовышение квалификации английский языкРазговорный английский языкГрамматика английского языкаАнглийский язык с сертификатомАнглийский язык самостоятельноАнглийский язык детямНемецкий языкПрактический немецкий языкНемецкий язык для начинающихКитайский языкПрактический китайский языкНачальный китайский языкИспанский языкИспанский язык для начинающихПрактический испанский языкФранцузский языкНачальный французский языкПрактический французский языкИтальянский языкИтальянский язык для начинающихПрактический итальянский языкЯпонский языкЯпонский язык с нуляПрактический японский языкПольский языкИностранные языки для работыПовышение квалификации ИнЯзДетямГодовые курсы для детейРусский языкМатематикаЛитература1 классРусский язык для 1 классаМатематика для 1 класса5 классМатематика для 5 классаРусский язык для 5 классаБиология для 5 классаДошкольникамАнглийский для дошкольниковМатематика для дошкольников2 классРусский язык для 2 классаМатематика для 2 классаАнглийский язык для 2 класса3 классМатематика для 3 классаРусский язык для 3 класса4 классМатематика для 4 классаРусский язык для 4 класса8 классХимия для 8 классаРусский язык для 8 классаАлгебра для 8 классаГеометрия для 8 классаМатематика для 8 классаБиология для 8 классаОбществознание для 8 классаФизика для 8 классаИнформатика для 8 класса10 классМатематика для 10 классаАлгебра для 10 классаГеометрия для 10 классаФизика для 10 классаХимия для 10 классаРусский язык для 10 классаИнформатика для 10 классаОбществознание для 10 классаПрограммирование детямПрограммирование с нуля для детейПрограммирование майнкрафт для детейПрограммирование для детей 12 летПрограммирование для детей 10 летПрограммирование для детей 14 летПрограммирование для детей 7 летПрограммирование для детей 11 летПрограммирование для детей 9 летПрограммирование для детей 8 летUnity для детейRoblox для детейScratch для детейJavascript для детейPython для детей9 классХимия для 9 классаРусский язык для 9 классаМатематика для 9 классаГеометрия для 9 классаАлгебра для 9 классаОбществознание для 9 классаФизика для 9 классаИстория для 9 классаБиология для 9 классаИнформатика для 9 класса11 классМатематика для 11 классаФизика для 11 классаБиология для 11 классаОбществознание для 11 классаХимия для 11 классаИстория для 11 классаЛитература для 11 классаИнформатика для 11 классаДизайн детямГрафический дизайн для детейВеб-дизайн для детейПодготовка к ОГЭОГЭ по математикеОГЭ по русскому языкуОГЭ по физикеОГЭ по химииОГЭ по биологииОГЭ по литературеОГЭ по географииОГЭ по историиОГЭ по информатикеОГЭ по обществознаниюОГЭ по английскому языку6 классМатематика для 6 классаРусский язык для 6 классаИстория для 6 классаБиология для 6 классаИнформатика для 6 классаФизика для 6 класса7 классОбществознание для 7 классаРусский язык для 7 классаМатематика для 7 классаФизика для 7 классаИнформатика для 7 классаБиология для 7 классаХимия для 7 классаПодготовка к ЕГЭЕГЭ по математикеЕГЭ по русскому языкуЕГЭ по обществознаниюЕГЭ по физикеЕГЭ по биологииЕГЭ по химииЕГЭ по историиЕГЭ по информатикеЕГЭ по английскому языкуЕГЭ по литературеЕГЭ по географииОбраз жизниОтношенияТворчествоФрилансАрхитектураКиноиндустрияЛичностный ростУправление конфликтамиОраторское мастерствоОраторское мастерство для начинающихОраторское мастерство для детейПсихологияПсихология с сертификатомОбщая психологияПедагогика и психологияПсихология для начинающихПовышение квалификации по психологииПрактическая психологияСоциальная психологияКлиническая психологияУправление гневомИсторияИстория РоссииДревняя историяИстория мираИстория нового времениИстория средних вековКультураКультура речиОсновы светской культурыИстория культурыКультура РоссииИскусствоТеория музыкиИскусство литературыИстория искусствИскусство для детейИскусство речиИскусство жизниДекоративное искусствоТеатральное искусствоИскусство киноСамооценкаЗдоровье и уход за собойВоспитание детейФилософияМодаКонструирование одеждыВизажист-стилистРелигияБизнес и финансыПредпринимательствоОсновы предпринимательстваИПМалое предпринимательствоСоциальное предпринимательствоТехнологическое предпринимательствоHR и управление персоналомHR аналитикаHR с нуляУправление персоналом для руководителейПовышение квалификации HRДеловые коммуникацииУправление в e-commerceМенеджер маркетплейсовМаркетплейсы с нуляИнфографика для маркетплейсовКарточки для маркетплейсовМаркетплейсы с трудоустройствомМаркетплейсы с сертификатомАналитика маркетплейсовБухгалтерия1С БухгалтерияБухгалтерия с нуляПовышение квалификации бухгалтеровЛичные финансыБюджетированиеИнвестицииИнвестиции для начинающихЭкономикаМировая экономикаПовышение квалификации экономикаЦифровая экономикаТрейдингВсе курсы Advance ClubВсе курсы GoPracticeВсе курсы Академия TOPВсе курсы SkillboxВсе курсы City Business SchoolВсе курсы CodabraВсе курсы CoddyВсе курсы ContentedВсе курсы Convert MonsterВсе курсы EnglexВсе курсы Fashion FactoryВсе курсы GeekBrainsВсе курсы Hedu (Irs. academy)Все курсы HTML AcademyВсе курсы IMBAВсе курсы InterraВсе курсы IQшаВсе курсы LabaВсе курсы Lancman SchoolВсе курсы Level OneВсе курсы LingualeoВсе курсы LoftSchoolВсе курсы LogicLikeВсе курсы MaEdВсе курсы NovakidВсе курсы OtusВсе курсы PixelВсе курсы ProductStarВсе курсы ProfileSchoolВсе курсы Puzzle EnglishВсе курсы QMarketing AcademyВсе курсы SF EducationВсе курсы SkillFactoryВсе курсы SKVOTВсе курсы SkyengВсе курсы SkyfordВсе курсы SkyproВсе курсы SkysmartВсе курсы StepikВсе курсы TalentsyВсе курсы TeachlineВсе курсы TutorOnlineВсе курсы UdemyВсе курсы Wa-saiВсе курсы WayUpВсе курсы XYZ SchoolВсе курсы БруноямВсе курсы ВикиумВсе курсы ЕШКОВсе курсы НетологияВсе курсы Русская Школа УправленияВсе курсы Международная школа профессийВсе курсы Среда ОбученияВсе курсы ТетрикаВсе курсы УмназияВсе курсы УмскулВсе курсы Уроки ЛегендВсе курсы Учи.ДомаВсе курсы ФоксфордВсе курсы ХекслетВсе курсы Хохлов СабатовскийВсе курсы ЦентриумВсе курсы Яндекс ПрактикумВсе курсы ПсиходемияВсе курсы Контур. ШколаВсе курсы СоткаВсе курсы EdProВсе курсы Английский Skillbox (Kespa)Все курсы АйтигениоВсе курсы ВебиумВсе курсы Eduson AcademyВсе курсы ЕГЭ-СтудияВсе курсы СлёрмВсе курсы KodlandВсе курсы AlgoritmikaВсе курсы 4brainВсе курсы Code BreakersВсе курсы Moscow Digital SchoolВсе курсы Chulakov SchoolВсе курсы Pikabu StudyВсе курсы УОМВсе курсы СинхронизацияВсе курсы Moscow Business School

Отображаются 1-10 из 22 результатов

Frontend-разработка Верстка на HTML/CSS Все курсы HTML Academy

Фронтенд-разработчик HTMLacademy

HTML Academy

4.2 (28)

119 000 ₽/курс

От 6 610 ₽/мес

Начало: 11.04.2023

Длительность: 15 месяцев

Занятия: 10-15 часов в неделю

Формат: онлайн-уроки, практические интерактивные задания в формате тренажеров, работа над проектами

Особенности: проверка домашних заданий и проектов, обратная связь от наставника, высокоинтенсивный формат обучения

HTML и CSS-верстка с нуля Все курсы LoftSchool Программирование с нуля

Основы вёрстки сайтов

LoftSchool

4. 1 (50)

35 000 ₽/курс

От 1 458 ₽/мес

Используйте промокод COURSATOR, чтобы получить скидку 8% на курсы этой школы

Начало: 20.02.2023

Длительность: 1 месяцев

Занятия: 3-4 занятия разных форматов в неделю

Формат: вебинары с преподавателем, групповые занятия, личные консультации с наставником

Особенности: преподаватели — практикующие эксперты, высокая интенсивность обучения, позволяющая стать специалистов в кратчайшие сроки

Frontend-разработка HTML и CSS-верстка с нуля Все курсы Skillbox

Веб-вёрстка

Skillbox

4.2 (91)

35 604 ₽/курс

От 5 934 ₽/мес

Начало: 09.02.2023

Длительность: 4 месяцев

Занятия: 3-5 часов в неделю

Формат: видеолекции + практика

Особенности: проверка практических заданий, бессрочный доступ к учебным материалам, помощь со стажировкой и трудоустройством

HTML и CSS-верстка с нуля Все курсы Otus Программирование с нуля

HTML/CSS

4 (65)

45 000 ₽/курс

От 0 ₽/мес

Используйте промокод BOXBERRY, чтобы получить скидку 5% на любые курсы OTUS

Начало: 30. 03.2023

Длительность: 3 месяцев

Занятия: 4 академических часа в неделю

Формат: вебинары, общение с преподавателями и группой в слаке курса, сдача домашних работ и получение обратной связи от преподавателя, выполнение проектной работы

Особенности: вебинары сохраняются в записи в личном кабинете, сертификат о прохождении обучения, приглашение пройти собеседование в компаниях-партнерах

HTML для абсолютных новичков — за 10 дней (Бесплатный курс)

Об этом курсе

Когда мы просматриваем веб-страницы, мы повсюду видим веб-страницы в формате HTML. Веб-страницы, созданные с использованием HTML, предоставляют нам информацию, изображения и даже интерактивные функции.

В этом курсе я начну с темы «Что, черт возьми, такое HTML?» к возможности создать свой собственный веб-сайт со страницей «Обо мне», которую вы создадите с помощью HTML-кода. Вы покинете этот класс не только с хорошим пониманием основ HTML-кода и способностью писать свои собственные HTML-страницы, но, что более важно, с более глубоким пониманием того, как работает Интернет!

Чему вы научитесь

Вот некоторые из навыков, которые вы приобретете к концу этого курса

• Узнайте о тегах HTML и о том, как они работают

• Понимание поведения блочных и встроенных элементов

• Получите базовые знания семантических концепций HTML с самого начала

• Понимание атрибутов HTML и структуры документа

• Узнайте, что такое CSS и концепция каскадных стилей

• Узнайте, как использовать изображения, шрифты и цвета на странице HTML

• Овладейте концепциями блочной модели, с которыми с трудом справляются даже некоторые опытные HTML-разработчики

• Используйте селекторы CSS для эффективного оформления HTML-страниц

• Понимание Flexbox и его использования для создания сложных макетов

• Узнайте, как бесплатно развернуть собственный общедоступный веб-сайт с помощью GitHub Pages

Предварительные требования к курсу

Это полный курс для начинающих.
Опыт программирования не требуется!

• Компьютер с Windows, Mac или Linux (настольный или портативный)

• Некоторое знакомство с компьютером

• Навигация и сохранение файлов и папок, открытие приложений и т. д.

Программа курса

1. 1

   • Об этом курсе

   • История всемирной паутины

   • Аналогия форматированного текста

   • Ваш первый HTML-файл (типа)

   • Ваш первый тег HTML

   • Больше тегов

   • Создание заголовков

   • Вопросы аудитории 1-го дня

2. 2

   • Настройка разработки — Codepen

   • Настройка разработки — Visual Studio Code

   • Рабочий процесс редактирования HTML-кода

   • Пробел и тег абзаца

   • Скажите что, а не как с HTML-тегами

   • Нумерованные и неупорядоченные списки

   • Изучение атрибутов HTML

   • Добавление изображений в ваш HTML

3. 3

   • Решение по назначению

   • Структура HTML-документа

   • Название, структура кода и комментарии

   • Ваши первые атрибуты CSS

   • Игра с цветом текста

   • Что означает _cascading_ в CSS_

4. 4

   • Перемещение CSS с помощью селекторов

   • Специфичность стилей CSS

   • Идентификаторы в тегах HTML и когда их использовать

   • Класс в тегах HTML и когда их использовать

   • Тег div и когда его использовать

   • Тег span и когда to7 его используют

   • Дополнительные сведения о стилях div

   • Назначение

5. 5

   • Понимание модели блока HTML

   • Стили границ и цветовые коды

   • Блок дисплея, встроенный и встроенный блок

   • Практическое создание страницы профиля — Часть 1

   • Практическое создание страницы профиля — Часть 2

   • Практическое создание страницы профиля — Часть 3

6. 6

   • Внешние шрифты со шрифтами Google

   • Типы шрифтов и резервные механизмы

   • Перемещение в отдельный файл CSS

   • Отладка_ HTML с инструментами разработчика

   • Изучение таблиц HTML

   • Назначение

7. 7

   • Изучение ссылок

   • Головоломка со стилем при наведении курсора

   • Что такое семантика HTML_

   • Больше семантических тегов HTML

   • Аудитория Вопросы и ответы

8. 8

   • Представляем Flexbox

   • Горизонтальное выравнивание в flexbox

   • Вертикальное выравнивание в flexbox

   • Общие сведения о оси Flex и дочерних свойствах

   • Больше гибких дочерних свойств

   • Создание страницы профиля с нуля — часть 1

   • Создание страницы профиля с нуля — часть 2

   • Создание страницы профиля с нуля — часть 3

9. 9

   • Создание страницы профиля с нуля — часть 4

   • Создание страницы профиля с нуля — часть 5

   • Создание страницы профиля с нуля — часть 6

   • Создание страницы профиля с нуля — часть 7

   • Создание учетной записи GitHub

   • Размещение веб-сайта со страницами GitHub

   • Рабочий процесс редактирования пользовательского интерфейса с помощью GitHub

10. 10

    • Что мы уже узнали

    • Следующие шаги

    • Вопросы аудитории и подведение итогов

Могу ли я выучить HTML за 2 недели?

Вам нравится создавать вещи и раскрашивать их? Если да. Вот способ, которым вы можете продемонстрировать свое мастерство, которое требует и хорошо оплачивается. Веб-разработка!!! Профессия, которая всегда требовательна и полна возможностей для будущего. Мы много говорили о веб-разработке Но что лежит в основе? Хотите знать ответ? Это HTML (язык гипертекстовой разметки). Да, HTML — это ответ.

Теперь, двигаясь в очень быстро развивающемся мире, вам необходимо плыть по течению. Вы также можете хотеть учиться чему-то очень быстро. Когда дело доходит до HTML, это очень простой язык сценариев, который могут выучить даже люди, не связанные с ИТ. Теперь возникает вопрос, через сколько дней? Могу ли я выучить HTML за 2 недели? — самый популярный вопрос. Чтобы ответить на этот вопрос, ДА, вы можете выучить HTML за 2 недели.

Но вам нужна дорожная карта, чтобы понять, как разделить ваши дни в соответствии с необходимыми концепциями HTML. Давайте начнем это путешествие по изучению HTML через 2 недели.

Неделя 1

Начнем с HTML, вот несколько советов, которые вы обязательно должны пройти

1. Что такое HTML?
2. Структура HTML
3. Основные элементы
4. Теги
5. Атрибуты
6. HTML-формы и кнопки
7. HTML-списки и таблицы
8. HTML-блочные и встроенные элементы

Начните с основ HTML

Что такое HTML?

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

Structure of HTML

The structure of HTML, also known as the boilerplate follows this:

HTML

< html >     < head >        < title >GeeksForGeeks title >     head >     < body >        < h3 >Welcome To GFG h3 > < P > Код по умолчанию был загружается в редактор.        p >     body > html >

Basic Elements HTML-документов

• < !DOCTYPE HTML > – Это начальная строка кода HTML (не тег/элемент), которая определяет, что это документ HTML5 (описывающий версию HTML) . Он не включает в себя никакого содержимого и не чувствителен к регистру.
• < html > – Это корневой элемент (элемент верхнего уровня) документа HTML.
• < head > – Это элемент, который содержит метаинформацию о странице, а также содержит ссылки, шрифты и код JavaScript.