Створіть веб -сторінку за 5 хвилин. Вивчіть основи HTML для першої веб -сторінки за 5 хвилин. Прочитайте статтю або перегляньте відео! Створимо веб -сторінку за 5 хвилин. Якщо ви ніколи раніше не кодувались, не хвилюйтеся! Цей GOS покроковий, щоб переконатися, що ви не загубитесь! Перш ніж розпочати роботу, нам потрібен текстовий редактор. Я використовую Sublime, який ви можете завантажити на sublimeetext.com, але інші включають Textedit (з простим текстом) та Atom. Тепер ми створимо файл index.html. Зверніть увагу на розширення - це HTML, тому що ми пишемо HTML. HTML означає мову розмітки тексту Hyper Text, і це засадка, що ми можемо кодувати швидку веб -сторінку. З нашим файлом index.html, відкритим у нашому текстовому редакторі, напишемо код котлі. Це код, який ми повинні написати, щоб визначити це як файл HTML. Майже все в HTML написано з тегами (тими правою та лівою стрілкою). Хто це? Ну, це просто так, як ця мова буде написана. Для тегів HTML, як правило, ми маємо тег відкриття та тег закриття, але це не обов'язково стосується всіх тегів. Тепер напишемо такий більше коду ... Ми щойно додали головний тег та тег тіла. Гере, голова тримає метадані застосування, і тіло має наш фактичний зміст. Тепер давайте подивимось, що робить цей код. Для цього ми ліворуч клацаєте на нашому файлі та відкриваємо файл за допомогою браузера (Inst, текстовий редактор). Цей шум підтягнув порожній екран. Хто то? Це тому, що в нашому тегу тіла нічого немає! Нам потрібно додати реальний вміст. Ми можемо додати тег заголовка з текстом "Hello World". Тут тег H1 - це тег заголовка. Ми також можемо створити H2, H3, аж до тегів H6. Єдина різниця між заголовками - це розмір. Тег H1 створює найбільший заголовок, а тег H6 створює найменший заголовок. Якщо ми відкриємо файл за допомогою браузера, веб -сторінка з текстом "Hello World". Якщо на ньому нічого немає, переконайтеся, що ви зберегли свій файл Inter, додавши тег H1, оскільки браузер добре збережено. Тепер ми додамо швидкий тег H3 з текстом "синій" і подивимось, що відбувається. І ми бачимо, що ми очікували. Заголовок із текстом "синій" менший, ніж заголовок із текстом "Hello World". Отже, у нас є заголовки, а як щодо вмісту OTER? Ну, ми можемо додати текст абзацу з тегом P (також називається елементом P). Ми також можемо додати зображення з тегом зображення. Нижче, SRC - це атрибут тегу зображень, і це те, що ми вказуємо джерело зображення. Тепер я не знаю про вас, але я люблю каву, тому я використовую зображення кави, але не соромтеся додати картину, яку ви хотіли б. І ми бачимо зображення на веб -сторінці! Чудово! У нас є кілька заголовків, текст абзацу та зображення. Тепер ми можемо захотіти додати додатковий простір між зображенням та текстом абзацу, щоб зробити кілька тегів BR, щоб зробити це. Відкриваючи це в браузері, ми бачимо, що зараз досить aface між пунктом і зображенням. Тепер ця веб -сторінка не найкрасивіша. Чи можемо ми зробити це гарнішим? Так! З CSS. HTML визначає основний вміст веб -сторінки, тоді як CSS дозволяє нам додавати дизайн. Пост наступного тижня буде стосуватися CSS! Побачимось. Речі, які слід пам’ятати: (Внутрішній індекс.html) Заголовок 1 Текст заголовок 2 Текст -заголовок 3 Текстовий заголовок 4 заголовок тексту 5 Текстовий заголовок 6 Текст тексту. Плюс трохи додатково: Код із цієї публікації в блозі.