---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Флаг Израиля на SVG примитивах</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #f0f0f0;
            margin: 0;
        }
        /* Стилизация контейнера флага для красоты */
        svg {
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
            border: 1px solid #ddd;
        }
    </style>
</head>
<body>

    <!-- 
      Официальные пропорции флага Израиля: 8:11. 
      Задаем базовую сетку viewBox="0 0 220 160" (220/160 = 11/8)
    -->
    <svg width="550" height="400" viewBox="0 0 220 160" xmlns="http://w3.org">
        
        <!-- 1. ФОН: Белое прямоугольное полотнище -->
        <rect width="220" height="160" fill="#FFFFFF" />

        <!-- 2. ПОЛОСЫ: Две синие горизонтальные линии -->
        <!-- Верхняя полоса (отступ сверху 15, высота 25) -->
        <rect x="0" y="15" width="220" height="25" fill="#0038A8" />
        <!-- Нижняя полоса (отступ снизу 15, высота 25. 160 - 15 - 25 = 120) -->
        <rect x="0" y="120" width="220" height="25" fill="#0038A8" />

        <!-- 3. ЗВЕЗДА ДАВИДА: Состоит из двух полых треугольников -->
        <!-- 
          Используем тег <polygon> для отрисовки трех точек.
          fill="none" делает сердцевину прозрачной.
          stroke задает цвет контура, а stroke-width — его толщину.
          stroke-linejoin="round" аккуратно сглаживает углы на стыках.
        -->
        <g stroke="#0038A8" stroke-width="4" stroke-linejoin="round" fill="none">
            <!-- Треугольник вершиной вверх -->
            <polygon points="110,43 138,92 82,92" />
            
            <!-- Треугольник вершиной вниз -->
            <polygon points="110,117 138,68 82,68" />
        </g>
        
    </svg>

</body>
</html>