Чат Telegram
Группа ВКонтакте
Новый комментарий


ansherytodd

Большое спасибо за статью. Всегда хотел попробовать себя в HTML-программировании, но думал, что это жутко сложно.

ivashkevich

Не за что. HTML - это очень просто)

imurazovich@mail.ru

Огромное спасибо за данную статью,долго мучился,просматривая видео длительностью по несколько часов,а здесь всё кратко и очень понятно!

Vlad

Хотелось бы подробней узнать, что означает атрибут alt

Vlad

в следующему уроке прочитал про alt :)

Dilik

мы говорим про тег img и a а в примере применяем alt - это сильно сбивает с толку)

ivashkevich

Ок, убрал из этого урока =)

classic17071999@mail.ru
<hr>
<center>
<cite>Мы Вконтакте:</cite>
<a href="https://...">My Project</a>
<br>
<a title="Делаем картинку ссылкой" href="https://webshake.ru/html-training-course/30">
  <img width="100" height="70" src="img/Smile-ky.jpg">
</a>
</center>

Правильно будет так? Или где-то ошибка?)

ivashkevich

Разве это цитата? Используйте для оформления другие теги или CSS.

Leimon

Хороший Урок!

Veronika
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
        <meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
        <title>Лучший программист Шадрина Вероника</title>
        <link href="style.css" rel="stylesheet"/><!--подключенные внешние стили. находятся в файле style.css-->
    </head>
    <body>
<h1>Шадрина Вероника</h1>
<a href="image.jpg"><img src="image.jpg" width="200"></a>
<h2>Контактная информация</h2>
<p>телефон</p>
<p>адрес</p>
<hr>
<h2>Мои навыки</h2>
<ul>
<li>языки программирования
<ul>
    <li>HTML</li>
    <li>PHP</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>
</li>
<li>программы
<ol>
    <li>notepad++</li>
    <li>Open Server</li>
    <li>PhpStorm</li>
</ol>
</li>
</ul>
<h2>Мой опыт работы</h2>
<a href="experience.html">[можно посмотреть здесь]</a><br>
<a href="experience.html#3">[здесь самый ценный]</a>
<hr>
<h2>Обо мне</h2>
<a title="моя страничка ВК" href="https://vk.com/veronika_shadrina"><img src="vk.png" width="30"></a>
     <script src="scripts.js"></script><!--подключенные внешние скрипты. находятся в файле scripts.js-->
    </body>
</html>
ivashkevich

Отлично

Veronika

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

а чтоб закрыть полноразмерную картинку? чтоб на полноразмерной картинке крестик стоял? это как сделать?))

ivashkevich

Для этого стоит прибегнуть к помощи JavaScript, пока не думайте об этом)

Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Логические задачи с собеседований