Бесплатные курсы по HTML/CSS

Эксперты tutortop составили рейтинг ТОП-4 бесплатных курса обучения верстальщиков. <p>На рейтинг курса влияет:</p> <ul class="tooltip-popup-svg"> <li><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.4022 2.8778C9.59427 2.48869 9.69031 2.29413 9.82068 2.23197C9.93411 2.17789 10.0659 2.17789 10.1793 2.23197C10.3097 2.29413 10.4057 2.48869 10.5978 2.8778L12.42 6.56944C12.4767 6.68432 12.5051 6.74176 12.5465 6.78635C12.5832 6.82584 12.6272 6.85783 12.6761 6.88056C12.7313 6.90623 12.7947 6.91549 12.9214 6.93402L16.9975 7.5298C17.4267 7.59253 17.6413 7.6239 17.7406 7.72874C17.8271 7.81995 17.8677 7.94529 17.8512 8.06985C17.8323 8.21302 17.677 8.36436 17.3662 8.66702L14.4179 11.5387C14.326 11.6282 14.28 11.673 14.2503 11.7263C14.2241 11.7734 14.2072 11.8252 14.2008 11.8788C14.1934 11.9393 14.2043 12.0025 14.2259 12.129L14.9216 16.1851C14.995 16.6129 15.0317 16.8269 14.9627 16.9538C14.9027 17.0642 14.7961 17.1417 14.6725 17.1646C14.5305 17.1909 14.3384 17.0899 13.9542 16.8879L10.3103 14.9716C10.1968 14.9119 10.14 14.882 10.0802 14.8703C10.0272 14.8599 9.97277 14.8599 9.91982 14.8703C9.86001 14.882 9.80324 14.9119 9.6897 14.9716L6.04576 16.8879C5.66159 17.0899 5.4695 17.1909 5.32747 17.1646C5.20389 17.1417 5.09726 17.0642 5.03727 16.9538C4.96832 16.8269 5.00501 16.6129 5.07839 16.1851L5.77406 12.129C5.79575 12.0025 5.80659 11.9393 5.79926 11.8788C5.79276 11.8252 5.77592 11.7734 5.74966 11.7263C5.72001 11.673 5.67405 11.6282 5.58214 11.5387L2.63379 8.66702C2.32304 8.36436 2.16767 8.21302 2.14876 8.06985C2.13231 7.94529 2.17295 7.81995 2.25937 7.72874C2.35869 7.6239 2.5733 7.59253 3.00253 7.5298L7.07858 6.93402C7.20534 6.91549 7.26872 6.90623 7.32392 6.88056C7.37279 6.85783 7.41679 6.82584 7.45348 6.78635C7.49491 6.74176 7.52326 6.68432 7.57997 6.56944L9.4022 2.8778Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> Оценки отзывов на курс (учитываются новизна отзыва, популярность отзыва среди других студентов, количество комментариев под отзывом)</li> <li> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.75584 2.53039C6.15352 2.86351 3.33303 5.89404 3.33303 9.58333C3.33303 10.375 3.4629 11.1363 3.70251 11.8472C3.79267 12.1147 3.83776 12.2484 3.84589 12.3512C3.85392 12.4527 3.84785 12.5238 3.82274 12.6225C3.79732 12.7224 3.74119 12.8262 3.62894 13.034L2.26589 15.557C2.07147 15.9168 1.97426 16.0968 1.99601 16.2356C2.01496 16.3566 2.08615 16.4631 2.19068 16.5269C2.31068 16.6001 2.51411 16.579 2.92098 16.537L7.1885 16.0958C7.31768 16.0825 7.38236 16.0758 7.44125 16.0781C7.49918 16.0803 7.54007 16.0857 7.59656 16.0987C7.65399 16.112 7.72621 16.1398 7.87066 16.1954C8.6607 16.4998 9.51905 16.6667 10.4164 16.6667C14.1087 16.6667 17.1412 13.8415 17.4701 10.2349M16.7675 3.23223C17.7438 4.20854 17.7438 5.79146 16.7675 6.76777C15.7912 7.74408 14.2082 7.74408 13.2319 6.76777C12.2556 5.79146 12.2556 4.20854 13.2319 3.23223C14.2082 2.25592 15.7912 2.25592 16.7675 3.23223Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> Периодичность появления новых отзывов на курс</li> <li> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_30511_16025)"> <path d="M9.99999 6.66663V9.99996M9.99999 13.3333H10.0083M1.66666 7.10224V12.8977C1.66666 13.1015 1.66666 13.2034 1.68968 13.2993C1.7101 13.3843 1.74377 13.4656 1.78946 13.5402C1.84099 13.6243 1.91305 13.6964 2.05718 13.8405L6.15947 17.9428C6.30359 18.0869 6.37566 18.159 6.45975 18.2105C6.53431 18.2562 6.6156 18.2899 6.70063 18.3103C6.79654 18.3333 6.89845 18.3333 7.10227 18.3333H12.8977C13.1015 18.3333 13.2034 18.3333 13.2993 18.3103C13.3844 18.2899 13.4657 18.2562 13.5402 18.2105C13.6243 18.159 13.6964 18.0869 13.8405 17.9428L17.9428 13.8405C18.0869 13.6964 18.159 13.6243 18.2105 13.5402C18.2562 13.4656 18.2899 13.3843 18.3103 13.2993C18.3333 13.2034 18.3333 13.1015 18.3333 12.8977V7.10224C18.3333 6.89842 18.3333 6.79651 18.3103 6.7006C18.2899 6.61557 18.2562 6.53428 18.2105 6.45972C18.159 6.37562 18.0869 6.30356 17.9428 6.15943L13.8405 2.05715C13.6964 1.91302 13.6243 1.84096 13.5402 1.78943C13.4657 1.74374 13.3844 1.71006 13.2993 1.68965C13.2034 1.66663 13.1015 1.66663 12.8977 1.66663H7.10227C6.89845 1.66663 6.79654 1.66663 6.70063 1.68965C6.6156 1.71006 6.53431 1.74374 6.45975 1.78943C6.37566 1.84096 6.30359 1.91302 6.15947 2.05715L2.05718 6.15943C1.91305 6.30356 1.84099 6.37562 1.78946 6.45972C1.74377 6.53428 1.7101 6.61557 1.68968 6.7006C1.66666 6.79651 1.66666 6.89842 1.66666 7.10224Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_30511_16025"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> Количество возвратов и решенных школой проблемных ситуаций студентов</li> <li> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3333 2.8898C14.5681 3.50343 15.4167 4.77762 15.4167 6.25C15.4167 7.72238 14.5681 8.99657 13.3333 9.6102M15 13.972C16.2595 14.5419 17.3938 15.4708 18.3333 16.6667M1.66666 16.6667C3.28873 14.6021 5.49097 13.3333 7.91666 13.3333C10.3423 13.3333 12.5446 14.6021 14.1667 16.6667M11.6667 6.25C11.6667 8.32107 9.98772 10 7.91666 10C5.84559 10 4.16666 8.32107 4.16666 6.25C4.16666 4.17893 5.84559 2.5 7.91666 2.5C9.98772 2.5 11.6667 4.17893 11.6667 6.25Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> Количество студентов-выпускников и популярность курса среди пользователей</li> <li> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_30684_32421)"> <path d="M7.49999 9.99996L9.16666 11.6666L12.9167 7.91663M7.66824 17.1674C7.94137 17.1312 8.21727 17.2053 8.43484 17.3729L9.43754 18.1423C9.76899 18.3969 10.2301 18.3969 10.5606 18.1423L11.6012 17.3433C11.7957 17.1942 12.041 17.1285 12.2836 17.1609L13.5853 17.3322C13.9992 17.3868 14.3982 17.1562 14.5584 16.7701L15.0593 15.5591C15.1528 15.3322 15.3324 15.1526 15.5592 15.0591L16.7703 14.5582C17.1563 14.3989 17.3869 13.9989 17.3322 13.585L17.1674 12.3305C17.1313 12.0573 17.2054 11.7814 17.373 11.5638L18.1424 10.5611C18.397 10.2296 18.397 9.76848 18.1424 9.43794L17.3434 8.39723C17.1943 8.20279 17.1286 7.95742 17.161 7.71484L17.3322 6.41302C17.3869 5.99915 17.1563 5.60008 16.7703 5.4399L15.5592 4.93899C15.3324 4.84547 15.1528 4.66585 15.0593 4.439L14.5584 3.22793C14.3992 2.84182 13.9992 2.61128 13.5853 2.6659L12.2836 2.8372C12.041 2.87053 11.7957 2.80479 11.6022 2.65664L10.5615 1.85759C10.2301 1.60297 9.76899 1.60297 9.43846 1.85759L8.39781 2.65664C8.20338 2.80479 7.95803 2.87053 7.71546 2.83905L6.41371 2.66776C5.99986 2.61313 5.60082 2.84368 5.44065 3.22978L4.94069 4.44085C4.84625 4.66677 4.66664 4.8464 4.44073 4.94084L3.22972 5.44083C2.84364 5.60101 2.61311 6.00007 2.66773 6.41395L2.83901 7.71576C2.87049 7.95835 2.80476 8.20371 2.65662 8.39723L1.85761 9.43794C1.603 9.76941 1.603 10.2305 1.85761 10.5611L2.65662 11.6018C2.80568 11.7962 2.87142 12.0416 2.83901 12.2842L2.66773 13.586C2.61311 13.9998 2.84364 14.3989 3.22972 14.5591L4.44073 15.06C4.66756 15.1535 4.84718 15.3331 4.94069 15.56L5.44157 16.7711C5.60082 17.1572 6.00079 17.3877 6.41464 17.3331L7.66824 17.1674Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_30684_32421"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> <span>Курсы на данной странице проверены <a href='#experts'>экспертами</a></span></li> </ul> <style> .tooltip-popup-svg { margin-left: 0; padding-left: 0; list-style: none; } .tooltip-popup-svg li svg { width: 20px; height: 20px; flex-shrink: 0; } .tooltip-popup-svg li { display: flex; align-items: flex-start; gap: 12px; margin-top: 8px; } .tooltip-popup-svg a { color: #0562D0; text-decoration: underline; } </style>