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


ansherytodd 26.05.2017 в 22:20

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

ivashkevich 27.05.2017 в 05:18

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

imurazovich@mail.ru 27.05.2017 в 15:32

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

Vlad 24.08.2017 в 22:47

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

Vlad 24.08.2017 в 22:58

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

Dilik 10.08.2018 в 17:52

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

ivashkevich 10.08.2018 в 20:07

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

classic17071999@mail.ru 17.02.2019 в 01:03
<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 17.02.2019 в 22:08

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

Leimon 21.07.2019 в 11:51

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

Veronika 04.08.2019 в 14:56
<!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 04.08.2019 в 21:03

Отлично

Veronika 04.08.2019 в 14:59

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

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

ivashkevich 04.08.2019 в 21:04

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

sshurdakov@gmail.com 20.10.2019 в 19:26
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="чемоданы, купить чемодан, неубиваемые чемоданы,для ручной клади, большой выбор, ассортимент, противоударный, с замком">
        <meta name="description" content="Качественные чемоданы. Большой выбор дорожных чемоданов для Вас!">
        <title>Надежные чемоданы для путешествий</title>
    </head>
    <body>

    <!-- Здесь будет вставлена картинка -->
    <h1>Ассортимент чемоданов</h1>
    <img width="100" height="100" src="img/bag.jpg">
    <p>
    Чемоданы размера S
    </p>
    <p>
    Чемодан S подойдет для:
    </p>
    <ul>
    <li>Для ручной клади</li>
    <li>для мелких вещей</li>
    <li>для командировок</li>
    <li>для людей, которые любят путешествовать на легке</li>
    </ul>
    <p>
    Чемоданы размера M
    </p> 
    <p>
    Чемоданы размера L
    </p>

    <a href="https://webshake.ru/html-training-course">
  <img width="200" src="img/bag1.jpg">
</a>
    <h2> Цвет чемоданов </h2>
    <p>
    Большой выбор цветов:
    </p>
    <ol start="1">
    <li>Белый</li>
    <li>Желтый</li>
    <li>Зеленый</li>
    <li>Красный</li>
    <p><a href="Red.RTF" download> скачать </a></p>
    <p><a href="Red.7z" > посмотреть </a></p>
    <li>Синий </li>
    <li>Фиолетовый </li>
    </ol>
     <hr>
    <h3>Характиристики </h3>
    <ul>
    <li>1. Классификация размеров
    <ul>
    <li>1.1 S - 22x37x60 см</li>
    <li>1.2 M - 27x43x69 см</li>
    <li>1.3 L - 32x48x76 см</li>
    </ul> 
    </li>
    <li>2. Вес</li>
    </ul>

    <a href="how-to-order.html">[как оплатить]</a>
    <h3> Описание</h3>
    <p>
    Чемоданы изготовлен из высокопрочного пластика. Прочных колеса позволяют легко перемещаться с чемоданом: по аэропорту, по жд вокзалу, по метро и по городу. 
    Имеет телескопическую ручку с фиксатором, эластичная прорезиненная ручка и кодовый замок.
    Особенности модели: <strong>съемные колеса, отделение с эластичными ремнями, предохраняющими одежду от перемещения; отделение на молнии; карман на молнии.</strong>
    </p>
<blockquote>Первая цель - качество, а прибыль сама придет.</blockquote>
<cite>Аристотель Онассис</cite>

    </body>

</html>
ivashkevich 20.10.2019 в 20:58

Отлично

Vika 10.11.2019 в 12:23
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ссылка</title> 
 </head>
 <body>
  <h1>ссылка</h1>
  <hr>
  <a title="Ссылка" href="http://redbookrf.ru">
    <img width="5%" height="5%" src="C:\Users\TOSHIBA\Desktop\code\img\krasnyi_volk01_mini_resized.jpg" alt="Ссылка">
   </a>
 </body>
</html>
ivashkevich 10.11.2019 в 12:48

Отлично

Логические задачи с собеседований