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


ImmortalPsych 06.07.2018 в 21:30
<!DOCTYPE=html>
<head>
    <meta charset="utf-8">
    <title>Табличка</title>
    <style>
        table {border: dotted 5px green;
               border-collapse: collapse;}
        td {border: dotted 5px green;}
    </style>    
</head>
<body>
<table>
    <tr>    <td></td>               <td>Золото</td>     <td>Серебро</td>        <td>Бронза</td>         <td>Всего</td>      </tr>
    <tr>    <td>Россия</td>         <td>8</td>          <td>15</td>             <td>19</td>             <td>38</td>         </tr>
    <tr>    <td>Белоруссия</td>     <td>6</td>          <td>14</td>             <td>17</td>             <td>33</td>         </tr>
    <tr>    <td>Азербайджан</td>    <td>2</td>          <td>10</td>             <td>19</td>             <td>27</td>         </tr>
</table>
</body>
</html>

Такой збс урок, я получил удовольствие прям)) Кое-что не понял, но потом покопался и дошло.
Не получалось у меня убрать отступы между ячейками.
Моя ошибка: я, почему-то, подумал, что когда прописывается этот код

        table {
            border: solid 1px blue;
            border-collapse: collapse;
        }

(то есть когда прописываем атрибут border у задаём его значение), то мы убираем td (то есть не задаём значений для ячеек). Но потом посмотрел на htmlbook.ru пример таблицы (с кодом, естественно), сравнил со своей и увидел свою ошибку.

ДЕРЖУ ВСЕХ В КУРСЕЕЕЕ :DD

ivashkevich 07.07.2018 в 07:31

Хорошо, что сам нагуглил - это в разработке один из самых важных навыков.

nastasya95 11.07.2018 в 11:32

Спасибо за урок! Все очень доходчиво и ясно написано)

<!DOCTYPE html>
<html>
<head>

<meta charset = "utf-8">
<title>table</title>
<meta name ="keywords" content ="sedffffffff, sdfffffffffff, sdfffffffffff, sdfffff">
<meta name ="description" content ="sedffffffff sdfffffffffff sdfffffffffff sdfffff dffffffffff ">
<style>
table{
border:solid 5px green;
border-collapse:collapse;
}
td{
border:dotted 1px blue;
}
</style>
</head>
<body>

<table>

<tr> <td>Верхняя левая ячейка</td>  <td>Верхняя правая ячейка</td> 
</tr>

<tr> <td>Средняя левая ячейка</td> <td>Средняя правая ячейка</td>
</tr>

<tr>  <td>Нижняя левая ячейка</td>  <td>Нижняя правая ячейка</td>
</tr>

</table>
</body>
</html>
ivashkevich 11.07.2018 в 21:38

Пожалуйста =)

csy 04.09.2019 в 20:50

У Вас ошибка, здесь должно быть так же 5рх, а то табличка не красивая будет.

td{
border:dotted 1px blue;
}
ReyJiz 07.12.2018 в 18:48
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table {
            border: dashed 5px blue;
            border-collapse: collapse;
        }

        td {
            border: dotted 2px grey;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table border="1px" align="center">
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>
</body>

</html>
ivashkevich 09.12.2018 в 01:10

Отлично

Summers 13.12.2018 в 06:54

Артём, а разве в таблице мы не можем создать ссылку прямо в самой ячейке? У меня не получлось. Или я плохо пыталась?

ivashkevich 14.12.2018 в 10:28

Внутри тегов td нужно разместить тег a

kap864@yandex.ru 11.03.2019 в 18:54
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Создание таблицы</title>
        <style>
        table {border: solid 5px red;
        border-collapse:collapse;} <!-- цвет, размер разметки окантовки таблицы --> <!-- делает раздел столбцов одной строкой -->
        td {border: solid 1px green;} <!-- цвет, размер разметки внутри таблицы -->

        </style>
    </head>
    <body>
    <table> <!-- тег для создания таблицы и его границ с жирностью  -->
    <tr> <!-- строки столбца -->
        <td>Верхняя левая</td><td>Верхняя правая </td> <!-- ячейка внутри столбца -->
    </tr>
    <tr>
        <td>средняя левая</td><td>средняя правая</td>
    </tr>
    <tr>
        <td>Нижняя левая </td><td>Нижняя правая </td>
    </tr>
    </table>
    </body>
</html>

Не могу понять, почему у меня совсем исчезают границы внутри таблицы, вроде все правильно. Работаю в notepad++ через яндекс браузер.

ivashkevich 11.03.2019 в 21:32

В стилях комментарии по-другому оформляются. Ошибка только в этом:

    <style>
        table {border: solid 5px red; border-collapse:collapse;}
        /*comment*/
        td {border: solid 1px green;} 
    </style>
Veronika 04.08.2019 в 16:11
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
        <meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
        <title>Лучший программист Шадрина Вероника</title>
        <style>
        table {border: solid 5px green;border-collapse: collapse;}
        td {border: dotted 1px blue;}
    </style>
        <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>
<table>
    <tr>
        <td>Город</td><td>Ростов-на-Дону</td>
    </tr>
    <tr>
        <td>Телефон</td><td>8-961-444-44-44</td>
    </tr>
    <tr>
        <td>Адрес эл. почты</td><td>veronika_shadrina@mail.ru</td>
    </tr>
</table>
ivashkevich 04.08.2019 в 21:06

Отлично

prinzplanloser0514@gmail.com 12.09.2019 в 11:46
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ну шо работяги,поехали</title>
    <style>
    table {border:solid 1px blue;border-collapse: collapse;}
    td {border:solid 1px blue;}
    </style>
</head>
<body>
<a href="Sait.html">Погнали обратно </a>
<table>
    <tr>
        <td>Верхяя левая ячейка</td><td>Верхняя правая ячейка</td>
    </tr>
    <tr>
        <td>Средняя левая ячейка</td><td>Средняя правая ячейка</td>
    </tr>
    <tr>
        <td>Нижняя левая ячейка</td><td>Нижняя правая ячейка</td>
    </tr>
</table>
</body>
</html>

Добрый день,не могу понять почему отступы не убираются.

ivashkevich 14.09.2019 в 19:22

Открываю ваш код у себя, и всё ок.

sshurdakov@gmail.com 22.10.2019 в 23:17
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
    <style>
        table {
            border: solid 1px blue;
        }
    </style>
</head>

почему прописываем внутри тега <head>, а не внутри <Body> ?
ivashkevich 23.10.2019 в 09:00

Верно

sshurdakov@gmail.com 22.10.2019 в 23:29
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
    <style>

      table {
      border: dotted 5px green;
       border-collapse: collapse;
      }

      td{
      border: dotted 5px green;
      }

            </Style>
</head>
<body>
<table>
    <tr>
        <td>оплата товара</td><td>Доставка товара</td>
    </tr>
    <tr>
        <td>Выбор размера чемодана</td><td>Выбор цвета чемодана<td>
    </tr>
    <tr>
        <td>Гарантия чемодана</td><td>Чехлы на выбор</td>
    </tr>
</table>
</body>
</html>
ivashkevich 23.10.2019 в 09:00
 </Style>

С маленькой буквы должно быть. И отступ слева нужно поправить. А так - отлично.

Vika 10.11.2019 в 17:42
<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <title> Стили</title>
   <style>
     table {
      border: dotted 5px green;
      border-collapse: collapse;
     }
     td {
     border: dotted 5px green;
     }
   </style>
ivashkevich 11.11.2019 в 09:16

Отлично

mambetbay.adilet@bk.ru 17.11.2019 в 17:24
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="car,bus,poezd">
        <meta name="description" content="Виды машин и т.д.">
        <title>Машины б/у</title>
        <link href="style.css" rel="stylesheet">
        <style>
        table {
            border: dotted 5px green;
            border-collapse: collapse;
        }
        td {
            border: dotted 2px green;
            border-collapse: collapse;
        }
    </style>
    </style>
    </head>1
    <body>
    <a href="#part1">KAMAZZ</a>
    <h1>Продажа машин</h1>
    <a href="http://go.mail.ru/redir?src=18b15c&via_page=1&type=sr&redir=eJzLKCkpKLbS109JzMyp1M3NL8kv0isq1TcyMDTVNzBkYDA0NTcxMDczM7JkSOp4kD53yp1jvrkH1AKE9l4CAD9eFH0">
    <img/src="http://daily-motor.ru/wp-content/uploads/2015/01/24101115.jpg" alt="Логотип страницы">
    </a>
    <!-- kommentarii jazu ulgisi-->
    <hr>
    <h1>Легковые</h1></hr>
    <p>

    </p>
Легковые автомобили производства GERMANY (0,42)
    <p>
     В машине имеется ГАЗ 
    </p>
    <hr>
    <h1 id="paet1">KAMAZZ</h1></hr>
    <p>
    Грузоподьемный 8 тонник в хорошем состояний
    Что такое практика в ПАО «КАМАЗ»?

Практика – это уникальная возможность:

Получить интересную тему для исследования.
Получить информацию о рынке труда, производстве и востребованных профессиях.
Получить материалы для курсовой и дипломной работы.
Познакомиться с производством изнутри.
Принять участие во встречах с топ-менеджерами.
Получить возможность адаптации к потенциальному рабочему месту еще в период обучения.
Получить информацию о корпоративной культуре, социальной и молодёжной жизни компании.
Получить информацию о применяемых технологиях на производстве.
Попробовать различные профессии в реальных условиях.
Попытать счастье в качестве соискателя на реальные позиции.
Получить оценку как кандидата при трудоустройстве.
Получить нужные и полезные инструменты, которые пригодятся не только в будущей работе, но и в жизни в целом.
Решить настоящие производственные задачи.
Посетить мастер-классы по профессиональному развитию.
Получить знания о возможностях реализации себя в Республике, городе и компании КАМАЗ.
    </p>
    <ul>
    <li><strong>Особенности</strong></li>
    <ol>
    <li>Отечественное </p>
    <li> Устойчивое</p>
    </ol>
    </ul>
    <table>
   <tr> <td>языки  программирование</td>        <td>....Какой из них наиболшее популярные</td></tr>
   <tr> <td>Python</td>                        <td>Надо учить сперва))))  </td>  </tr>
   <tr> <td>Php</td>                           <td>Учусь</td>  </tr>
   <tr> <td>Javascript</td>                    <td>Пока не учил</td>  </tr>
</table>
    </body>
</html>
<blockquote>Не относитесь к жизни сильно серьёзно, всё равно вам из неё живым не выбраться</blockquote> 
<cite>Pablik VK</cite> <br/>
<a href="https://kolesa.kz/">Продажа машин</a>

<a href="https://minecraft-inside.com/engine/download.php?id=93" download>Скачать SkyBlock Map для MineCraft</a> <br/>

<a title="Thank you" href="http://myproject.loc">Ссылка</a>  <br/>
ivashkevich 18.11.2019 в 11:05

Отлично

mambetbay.adilet@bk.ru 17.11.2019 в 17:26

ну ничего раньше ничего не знал с этого и учусь спасибо за уроки

ivashkevich 18.11.2019 в 11:06

Пожалуйста)

6eJlo4ka 08.12.2019 в 22:48
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
        <title>Таблица</title>
</head>

<style>

    body {background-color: silver;}

        table {border: solid 5px green; border-collapse: collapse;}

        td {border: dotted 1px blue}

</style>

<body>

    <table>
        <tr>
            <td>Верхняя левая ячейка</td> <td>Верхняя права ячейка</td>
        </tr>

        <tr>
            <td>Нижняя левая ячейка</td> <td>Нижняя правая ячейка</td>
        </tr>
    </table>

</body>
</html>
ivashkevich 09.12.2019 в 03:50

Отлично!

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