Фото профиля
Часть раздела Основы путешествия по HTML на Coddy. Урок 32 из 60.
Задание
ЛегкоИтак, пора добавить изображение профиля! Ты можешь использовать любое изображение. Можешь взять ссылку из примера ниже.
- После первого
div(раздела заголовка) создай ещё один<div>. Внутри добавь тег<img>. - Укажи в
srcссылку на изображение и используй атрибутыwidthиheight, чтобы задать его размер.
Например:
src—https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.pngwidth— 200height— 200"
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
</body>
</html>Все уроки раздела Основы
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2Потренируйтесь самостоятельно: Песочница Web