Испытание восход солнца html academy

igorilyichyov / Испытание: CAT Academy 16-16

html, body <

margin: 0;

padding: 0;

.block <

width: 300px;

height: 300px;

background: #3498db;

.bg <

height: 300px;

background:

url(«/assets/course13/star.png») repeat-x 0px 270px,

url(«/assets/course13/cat_fish_128.png») no-repeat 90px 145px,

url(«/assets/course13/cat_grumpy_128.png») no-repeat 15px 125px,

url(«/assets/course13/cat_drunk_128.png») no-repeat 160px 125px,

url(«/assets/course13/cat_walk_128.png») no-repeat 80px 80px,

url(«/assets/course13/cat_academy.png») no-repeat 20px 20px,

url(«/assets/course13/star.png») repeat-x 0px 10px;

This comment has been minimized.

Copy link Quote reply

Liofan commented Feb 26, 2017

Почти самостоятельно выполнил, ошибка была в том что я первую картинку вставил в конец кода.
Подсмотрел и нашел ошибку спасибо.

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

html academy ответы на испытания таблица

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 538896c3feee9ac2 • Your IP : 78.85.5.224 • Performance & security by Cloudflare

Добавляем строки [2/23]

Простейшая таблица описывается с помощью трёх тегов:

обозначает таблицу.

расшифровывается как «table row», обозначает строку таблицы.

, а те, в свою очередь, внутри

расшифровывается как «table data», обозначает ячейку внутри строки таблицы.

располагаются внутри тегов

. Почти всё текстовое содержимое таблицы размещается внутри тегов

должно быть одинаковое количество

добавить по ячейке

В простейшей таблице в каждой строке должно быть одинаковое количество ячеек, то есть внутри всех

Потренируйтесь добавлять строки в таблицу.

Добавляем столбцы [3/23]

Со строками справились, теперь потренируемся добавлять в таблицу столбцы.

Для того, чтобы добавить столбец в таблицу, надо в каждую строку

Задаём рамки с помощью CSS [4/23]

Вы научились создавать простые таблицы, добавлять в них любое количество строк и столбцов. Теперь пришло время оформить эти таблицы.

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

задан атрибут border с ненулевым значением.

Но с помощью атрибута border гибко управлять рамками не получается. С его помощью можно только изменять их толщину.

Поэтому мы будем учиться использовать CSS. С помощью CSS-свойства border можно задавать как внешние рамки таблицы, так и рамки каждой ячейки.

Потренируемся использовать CSS для задания рамок таблицы.

Улучшаем отображение рамок [5/23]

Мы задали рамки таблицы с помощью CSS, но они не так хороши, как хотелось бы. По умолчанию браузер рисует рамки таблицы и рамки отдельных ячеек раздельно, это отлично видно на примере.

Чтобы избавиться от таких двойных рамок, используется CSS-свойство таблицы border-collapse. Вот так:

Значение collapse убирает двойные рамки: cхлопываются рамки соседних ячеек, а также рамки ячеек и внешняя рамка таблицы. При этом внешняя рамка таблицы может исчезнуть, и чтобы её вернуть, можно увеличить её ширину.

Горизонтальные и вертикальные рамки [6/23]

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

Такие эффекты легко достигаются с помощью CSS. Для этого необходимо использовать не свойство border, которое задаёт рамки для всех сторон ячейки, а одно из свойств:

Эти свойства задают отображение только одной рамки ячейки: верхней, правой, нижней или левой соответственно.

В этом задании вы потренируетесь создавать горизонтально и вертикально расчерченные таблицы.

Отступы внутри ячеек [7/23]

Вы освоили простейшие приёмы для работы с рамками таблиц. Наша таблица уже смотрится аккуратно, но содержимое ячеек прилипает к рамкам. Если добавить отступы внутри ячеек, то информация будет восприниматься намного лучше.

Отступы внутри ячеек можно добавлять с помощью атрибута cellpadding тега

. Но лучше его не использовать, а задавать отступы с помощью CSS.

CSS-свойство padding задаёт «внутренние отступы элемента» со всех сторон. Можно задавать отступы для каждой из сторон отдельно, используя свойства:

Например, чтобы задать у ячеек все отступы в 10 пикселей, а отступ слева в 20 пикселей, нужно написать такой CSS-код:

Отступы между ячейками [8/23]

Большинство задач по оформлению таблиц решаются с помощью работы с рамками, отступами внутри ячеек, изменения цвета фона ячеек.

Помимо внутренних отступов можно задавать отступы между ячейками таблицы.

Отступы между ячейками не работают с border-collapse: collapse, что достаточно логично, ведь рамки ячеек в этом режиме «склеены» и их не разорвать.

Поэтому в этом задании мы используем border-collapse: separate, которое «расклеивает» ячейки. На самом деле это значение по умолчанию, а мы используем его только для наглядности. Если удалить свойство border-collapse, то результат не изменится, ячейки будут отображаться раздельно.

Отступы между ячейками можно задать:

· с помощью атрибута cellspacing тега

· или c помощью CSS-свойства border-spacing.

Отметим, что свойство border-spacing задаётся для таблицы, в отличие от padding, которое задаётся для ячеек.

Испытание: простая, но аккуратная таблица [9/23]

Для того, чтобы пройти это испытание, вам нужно оформить таблицу так же, как в образце. Используйте знания, полученные в пройденных заданиях.

1. Цвет рамок: lightgray.

2. Стили для body менять не надо.

3. Использовались только стандартные теги.

4. Стили применять только к табличным тегам:

5. Размеры отступов кратны 5.

6. При стилизации рамок в CSS не забывайте слово solid.

Если отображение в мини-браузере сильно отличается от образца, то используйте вкладку «Различия», в которой отображается то, как академия видит ваш HTML-код.

Please note that GitHub no longer supports your web browser.

We recommend upgrading to the latest Google Chrome or Firefox.

Join GitHub today

GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.

HtmlAcademy / src / 005-Знакомство_с_таблицами / 017-Испытание_таблица_посложнее.html

Users who have contributed to this file

html >

head >

meta charset = » utf-8 » >

title >Таблица посложнее title >

link rel = » stylesheet » type = » text/css » href = » 017-CSS.css » >

head >

body >

table >

caption >Посещения по городам caption >

tr >

th >Город th >

th >Посещения th >

th >Страниц th >

th >Время th >

tr >

td >СПб td >

td >199 td >

td >18,02 td >

td >00:13:45 td >

tr >

td >Москва td >

td >69 td >

td rowspan = » 2 » >нет данных td >

td >00:00:44 td >

tr >

td >Киев td >

td >5 td >

td >00:18:07 td >

tr >

td colspan = » 3 » >Всего посещений td >

td >273 td >

tr >

table >

body >

html >

Terms
Privacy
Security
Status
Help

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

igorilyichyov / Испытание: CAT Academy 16-16

html, body <

margin: 0;

padding: 0;

.block <

width: 300px;

height: 300px;

background: #3498db;

.bg <

height: 300px;

background:

url(«/assets/course13/star.png») repeat-x 0px 270px,

url(«/assets/course13/cat_fish_128.png») no-repeat 90px 145px,

url(«/assets/course13/cat_grumpy_128.png») no-repeat 15px 125px,

url(«/assets/course13/cat_drunk_128.png») no-repeat 160px 125px,

url(«/assets/course13/cat_walk_128.png») no-repeat 80px 80px,

url(«/assets/course13/cat_academy.png») no-repeat 20px 20px,

url(«/assets/course13/star.png») repeat-x 0px 10px;

This comment has been minimized.

Copy link Quote reply

Liofan commented Feb 26, 2017

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

Как определить время до заката по Солнцу: лайфхак

Как при помощи ладони отсчитать время до заката

Пролистывая виртуальные страницы reddit.com, наткнулись на достаточно интересный лайфхак по определению времени по Солнцу, который известен всем путешественникам и любителям походов, но для большинства людей неизвестен.

Сразу же отметим, что в этом хаке интересна сама система перевода визуальной информации во временную шкалу, но вот технология получения данных, на наш взгляд, немного хромает. Дело в том, что во время подсчета наблюдателю придется какой-то промежуток времени смотреть на Солнце, что, даже в солнечных очках и на восходе или заходе светила, когда звезда испускает не такое интенсивное излучение, достаточно ОПАСНО ДЛЯ ЗРЕНИЯ!

Поэтому так отсчитывать время мы бы не советовали, как минимум на постоянной основе, а если и пользоваться этим методом, то только во время заката! И лишь в случае крайней необходимости, когда нет никаких других вариантов высчитать оставшийся световой день или на это нет времени (скажем, вам нужно разбить палатку, приготовить ужин и приготовиться ко сну).

Как измерить оставшийся световой день при помощи ладони

Перевод брошюры (фотографии)

1. Повернитесь лицом к Солнцу и вытяните руку перед собой так, чтобы ладонь была обращена к вам, а пальцы параллельны горизонту

2. Расположите указательный палец так, чтобы он находился чуть ниже Солнца, а мизинец – параллельно краю горизонта

3. Подсчитайте, сколько пальцев нужно расположить, чтобы дотянуться от Солнца до горизонта. Каждый восходящий палец символизирует 15 минут до захода Солнца.

4. Если позволяет пространство, выставьте другую руку прямо под первой и продолжайте считать (каждая ладонь руки представляет собой примерно один час).

Таким образом, определив количество пальцев, помещающихся на предзакатном Солнце до линии горизонта, вы узнаете, сколько времени у вас есть для начала подготовки ко сну. Утверждается, что погрешность такого подсчета составляет порядка 5 минут, не более.

Также, разумеется, в облачную погоду метод работать не будет, поскольку Солнца просто не будет видно. Ну и возможные негативные последствия для зрения. А еще нужно помнить, что большой палец в подсчетах не участвует – его нужно либо п рятать за ладонь, либо поднимать вверх. В остальном старый трюк, который мы вспомнили, увидев его на зарубежном ресурсе, очень интересен и действительно работает.

Вот видео с демонстрацией работы пальцев под предзакатным Солнцем:

Источник

Тысячи японцев встретили первый в году восход солнца

ТОКИО, 1 янв — РИА Новости, Ксения Нака. Тысячи японцев по всей стране начали новый год со встречи восхода солнца, что считается хорошей приметой, гарантирующей удачу на весь год.

Растет популярность встречи первого солнечного луча в небе. Для этого около 300 человек рано утром вылетели из аэропорта Нарита около Токио и увидели восход на высоте 4000 метров. Не меньшей популярностью пользуется полет к горе Фудзи, чтобы увидеть ее на фоне восходящего солнца.

В Токио специально для встречи восхода — в столице солнце взошло в 6 часов 50 минут (00:50 мск) — была открыта телебашня Sky Tree высотой 634 метра. Билеты на посещение, чтобы сегодня увидеть здесь первые лучи солнца, были в считаные минуты распроданы еще в декабре.

Несмотря на ранний час – 7 часов 4 минуты (1:04 мск), – более 500 человек пришли полюбоваться на восход с вертолетной площадки и 58-го этажа самого большого в Японии высотного здания «Абэно Харукас», которое находится в Осаке (300 метров).

В Нэмуро на самом северном японском острове Хоккайдо встречать восход пришли более 2200 человек – мыс Носаппу является самой восточной точкой острова.

Специальный тур по встрече восхода был организован на восстановленной после землетрясения и цунами 2011 года железной дороге Минамисанрику. Его так и назвали «Поезд встречи восхода», в нем приняло участие около 40 человек. Маршрут проходил по наиболее пострадавшим от цунами прибрежным районам северо-востока Японии. Солнце здесь взошло в 6 часов 50 минут (00:50 мск), пассажирам раздали наборы с новогодней едой осэти и саке.

В этом году немало людей пришли встретить восход солнца в храм Исэ-дзингу – святилище богини солнца Аматэрасу: в мае наступившего года недалеко отсюда будет проходить саммит G7 в Исэ-Сима под председательством Японии. Храм, которому по разным подсчетам от 1300 до 2000 лет, до сих пор является главным синтоистским святилищем, куда регулярно совершают паломничества члены императорской семьи.

Источник

➤

Испытание восход солнца html academy

igorilyichyov / Испытание: CAT Academy 16-16

This comment has been minimized.

Liofan commented Feb 26, 2017

html academy ответы на испытания таблица

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

What can I do to prevent this in the future?

Please note that GitHub no longer supports your web browser.

Join GitHub today

HtmlAcademy / src / 005-Знакомство_с_таблицами / 017-Испытание_таблица_посложнее.html

Users who have contributed to this file

igorilyichyov / Испытание: CAT Academy 16-16

This comment has been minimized.

Liofan commented Feb 26, 2017

Как определить время до заката по Солнцу: лайфхак

Как при помощи ладони отсчитать время до заката

Как измерить оставшийся световой день при помощи ладони <img decoding="async" src="https://1gai.ru/uploads/posts/2020-04/1586436283_1234.jpg"/>

Перевод брошюры (фотографии)

Тысячи японцев встретили первый в году восход солнца

Как измерить оставшийся световой день при помощи ладони