Фото профиля
Часть раздела Fundamentals путешествия по 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>Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2Потренируйтесь самостоятельно: Песочница Web