Основы html языка. 5.

Давайте поиграем с нашим "привет!".

Сначала озаглавим наш документ вставив перед приветом:

<h1>Заголовок. Послание миру.</h1>

Добавим привет по разным краям:

<p>Привет!</p><br>
<p align="right">по правому привет!</p><br>
<p align="center">по центру привет!</p><br>
 
Сохранили. Обновили. Посмотрели.
 
Добавим картинку.
1. Находим картинку и кладем её рядом с файлом index.html
2. Для удобства назовем её "picture.jpg"
Внесем изменения в код добавив:
<p align="center"><img src="picture.jpg" alt="Картинка"></p>
 
Логика общая, надеюсь, понятна. Пробуйте, экспериментируйте.
 
Файл переименовал и указал к нему полный путь, так как под следующие уроки будем занимать каталог и уже прямого доступа к этой страничке не будет.

 

За справками по тегам можно ходить на htmlbook.ru - легко и удобно все найти и с примерами.

 

Помог материал - поддержите сайт рассказав у себя на страничке соцсети (кнопки слева наверху).

Всегда благодарен за комментарии и дополнения. Задавайте вопросы!

Добавить комментарий


Поддержите развитие сайта рассказав о нем