Конкурс кодеров (HTML+CSS)!

Конкурс кодеров HTML.by завершен!

По итогам теоретической части и практической

1-е место
yuro4ka

2-е место
V1C
RayOfLight

3-е место
Flok
hollywood

:0047::0047::0047:

Конкурс кодеров HTML.by!
Старт 1 апреля в 21:00 по Москве и в 20:00 по Минску!

Вопросы
1-10 апреля - 10 HTML вопросов
11-20 апреля - 10 CSS вопросов
27 апреля - вёрстка.

На 1 вопрос - 1 день. На вёрстку - 2 дня. Все ответы мне (Раме) в личку!

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

Общие результаты (после 10 вопросов HTML и 10 вопросов CSS):

1. yuro4ka - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=40
2. hollywood - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=40
3. Nitrex - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=40
4. Alcorn - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=40
5. V1C - 2+2+2+2+2+2+2+2+2+2+1+2+2+2+2+2+2+2+2+2=39
6. Rust - 2+2+2+2+2+2+2+2+2+2+2+2+2+1+2+2+2+2+2+2=39
7. Alik1910 - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+1+2+2=39
8. SEVI - 2+2+2+2+2+2+2+2+2+1+2+2+2+2+2+2+2+2+2+2=39
9. Алеся1306 - 2+2+2+2+2+2+2+2+0+2+2+2+2+2+2+2+2+2+2+2=38
10. RayOfLight - 2+2+0+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=38
11. frauzelda - 2+2+0+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=38
12. Flok - 2+2+2+2+2+2+2+2+1+2+2+2+2+2+2+2+2+1+2+2=38
13. romeo_hak - 2+2+0+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+2=38
14. cradleoffilth - 2+2+0+2+2+2+2+2+2+2+2+2+2+1+2+2+2+2+2+2=37
15. kosh_ - 2+2+0+1+2+2+2+1+2+2+2+2+2+2+2+2+2+2+2+2=36
16. nedotroga - 2+2+0+2+2+2+2+2+2+1+2+2+2+2+2+2+2+1+2+2=36
17. notnap - 2+0+2+2+2+2+2+1+2+0+2+2+2+2+2+2+2+2+2+2=35
18. Guron - 2+2+2+2+2+2+2+2+1+2+2+2+2+2+2+2+2+2+0=35
19. br() - 2+2+2+2+2+2+0+2+0+2+2+2+2+2+2+2+0+2+2+2=34
20. f1lter - 2+2+0+2+2+2+2+2+2+2+2+2+2+2+2+2+2+0+0=32
21. pointer - 1+2+2+2+1+2+2+2+1+2+2+2+1+2+0+2+0+0+2+2=30
22. tsesl - 0+2+2+2+2+2+2+2+0+0+0+0+2+2+2+2+2+2+2+2=30
23. Klinok - 2+2+2+2+2+2+2+2+2+2+2+2+2+2+2+0+0+0+0=30
24. Иван Романов - 0+0+0+0+0+0+2+2+2+2+2+2+2+2+2+2+2+2+2+2=28
25. S3T - 2+0+0+2+1+2+2+2+1+2+2+0+2+2+2+0+0+1+2+2=27
26. TRяM - 2+2+0+2+2+2+2+2+0+0+0+0+2+0+2+2+0+2+2+2=26
27. megaserg - 0+2+0+2+2+2+2+2+2+2+2+2+2+2+2+0+0+0+0=26
28. pekinessik - 2+2+2+2+2+2+2+2+0+0+0+0+0+0+0+0+0+0+0=16
29. Tsimokhin - 0+0+2+2+1+2+2+2+1+0+0+0+0+0+0+0+0+0+0=12
30. Rezak25 - 2+2+0+2+1+2+2+0+0+0+0+0+0+0+0+0+0+0+0=11
31. Htmlmaster - 0+2+2+2+1+2+1+0+0+0+0+0+0+0+0+0+0+0+0=10
32. abmd - 2+0+0+0+2+2+2+0+0+1+0+0+0+0+0+0+0+0+0=9
33. Lark - 0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+2+2+0+2+2=8
34. VoVec - 0+0+0+0+0+0+0+0+1+1+2+2+2+0+0+0+0+0+0=8
35. redseven - 2+0+0+0+0+2+0+2+0+0+0+0+0+0+0+0+0+0+0=8
36. pomp - 2+2+2+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=8
37. Arks - 2+2+0+2+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0=8
38. BarmeH - 0+0+0+0+0+0+0+0+0+0+2+2+2+1+0+0+0+0+0=7
39. Exterior - 0+0+0+0+0+0+0+0+0+0+0+2+2+2+0+0+0+0+0=6
40. nostromo - 2+0+0+2+0+0+0+2+0+0+0+0+0+0+0+0+0+0+0=6
41. Alroniks - 2+2+0+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=6
42. Zippovich - 2+2+0+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=6
43. Hagrael - 0+0+0+0+0+0+0+0+0+2+0+2+2+0+0+0+0+0+0=6
44. mkusher - 2+2+0+1+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=5
45. Reydan - 0+0+0+0+0+0+0+2+1+1+0+0+0+0+0+0+0+0+0=4
46. ghostik32 - 2+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=4
47. nix2085 - 2+0+0+0+2+0+0+0+0+0+0+0+0+0+0+0+0+0+0=4
48. Akonkagva - 0+0+0+0+0+2+0+0+0+0+0+0+0+0+0+0+0+0+0=2
49. Танюша - 2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=2
50. hdm - 2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=2
51. SouL - 2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=2
52. Artes - 2+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=2
53. Ramzes001 - 0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0+0=0

Вопрос по HTML №1:

- Какой параметр тега <a> (ссылки) устанавливает всплывающую подсказку?

Ответы принимаются до 2 апреля 21:00 по Москве и 20:00 по Минску. Ответы отсылайте мне в личку.

Результаты по HTML-вопросу №1:

1. RayOfLight - 2
2. frauzelda - 2
3. nix2085 - 2
4. yuro4ka - 2
5. Nitrex - 2
6. Zippovich - 2
7. V1C - 2
8. S3T - 2
9. pomp - 2
10. redseven - 2
11. Letmetouchyou - 2
12. Sikha - 2
13. Alroniks - 2
14. Танюша - 2
15. romeo_hak - 2
16. pekinessik - 2
17. hdm - 2
18. Алеся1306 - 2
19. nedotroga - 2
20. Rust - 2
21. mkusher - 2
22. Klinok - 2
23. Alcorn - 2
24. cradleoffilth - 2
25. br() - 2
26. abmd - 2
27. notnap - 2
28. kosh_ - 2
29. Arks - 2
30. Alik1910 - 2
31. TRяM - 2
32. f1lter - 2
33. nostromo - 2
34. SEVI - 2
35. hollywood - 2
36. SouL - 2
37. Rezak25 - 2
38. Artes - 2
39. Guron - 2
40. ghostik32 - 2
41. Flok - 2
42. pointer - 1
43. Ramzes001 - 0

Правильный ответ: title="всплывающая подсказка"

Ramzes001 ответил - параметр alt="". Ещё дополнил, что данный параметр вставляем к картинкам. Вопрос же был о параметре ссылки <a>, а не картинки. К сожалению только 0 баллов.
pointer ответил - параметр title="". Однако написал синтаксис, в котором вместо title написал параметр alt. Вероятнее всего это невнимательность. Решили дать 1 балл, к сожалению.

Ramzes001 и pointer, прошу не расстраиваться, потому что впереди ещё куча вопросов и главное задание по вёрстке, на котором может вырваться вперёд любой. Кстати, возможно будет приз судейской симпатии, который достанется тому, кто старался, несмотря на нелепые поражения. О призе пока толком ничего не известно, следите тему обсуждений.

Всем удачи в следующих вопросах! Незабываем обсуждать конкурс здесь.

Вопрос по HTML №2:

Настоящий кодер должен знать хоть немного javascript! Поэтому вопрос такой:

- Какой параметр (javascript) нужно добавить в тег <BODY>, чтобы пользователи Internet Explorer не могли выделять содержимое страницы?

Ответы принимаются до 3 апреля 21:00 по Москве и 20:00 по Минску. Ответы отсылайте мне в личку.

Правильный ответ: onSelectStart="return false"

Результаты по HTML-вопросу №2:

1. Zippovich - 2
2. Rust - 2
3. Nitrex - 2
4. Алеся1306 - 2
5. RayOfLight - 2
6. Alroniks - 2
7. ghostik32 - 2
8. romeo_hak - 2
9. Flok - 2
10. kosh_ - 2
11. frauzelda - 2
12. mkusher - 2
13. Klinok - 2
14. SEVI - 2
15. nedotroga - 2
16. yuro4ka - 2
17. Rezak25 - 2
18. pekinessik - 2
19. Guron - 2
20. f1lter - 2
21. pomp - 2
22. Alcorn - 2
23. cradleoffilth - 2
24. pointer - 2
25. V1C - 2
26. Alik1910 - 2
27. redseven - 2
28. Sikha - 2
29. Htmlmaster - 2
30. br() - 2
31. Letmetouchyou - 2
32. hollywood - 2
33. Arks - 2
34. TRяM - 2
35. megaserg - 2
36. redseven - 0
37. nix2085 - 0
38. notnap - 0

Вопрос по HTML №3:

- Какая страница загрузится быстрее (скорость интернета одинаковая)?

• А. Страница, содержащая 10 рисунков весом 50 байт каждый.
• Б. Страница, содержащая 1 рисунок весом 500 байт.

Ответы принимаются до 4 апреля 21:00 по Москве и 20:00 по Минску. Ответы отсылайте мне в личку.

Правильный ответ: Б. Страница, содержащая 1 рисунок весом 500 байт

Результаты по HTML-вопросу №3:

1. Letmetouchyou - 2
2. SEVI - 2
3. Алеся1306 - 2
4. Rust - 2
5. Nitrex - 2
6. Alik1910 - 2
7. Tsimokhin - 2
8. pointer - 2
9. Flok - 2
10. Sikha - 2
11. hollywood - 2
12. Klinok - 2
13. tsesl - 2
14. V1C - 2
15. Alcorn - 2
16. notnap - 2
17. Guron - 2
18. pomp - 2
19. br() - 2
20. pekinessik - 2
21. Htmlmaster - 2
22. yuro4ka - 2
23. RayOfLight - 0
24. frauzelda - 0
25. romeo_hak - 0
26. Zippovich - 0
27. Alroniks - 0
28. nedotroga - 0
29. mkusher - 0
30. cradleoffilth - 0
31. kosh_ - 0
32. Arks - 0
33. TRяM - 0
34. f1lter - 0
35. Rezak25 - 0
36. ghostik32 - 0
37. S3T - 0
38. redseven - 0
39. Танюша - 0
40. hdm - 0
41. abmd - 0
42. nostromo - 0
43. SouL - 0
44. Artes - 0
45. nix2085 - 0
46. megaserg - 0
47. Ramzes001 - 0

Вопрос по HTML №4:

- Напишите код ссылки для отправления сообщения на e-mail с уже подставленной темой.

Ответы принимаются до 5 апреля 21:00 по Москве и 20:00 по Минску. Ответы отсылайте мне в личку.

Правильный ответ: <a href="mailto:[email protected]?Subject=тема">Сс� �лка</a>.

Результаты по HTML-вопросу №4:

1. RayOfLight - 2
2. Flok - 2
3. S3T - 2
4. Nitrex - 2
5. Алеся1306 - 2
6. pointer - 2
7. V1C - 2
8. Alroniks - 2
9. tsesl - 2
10. Alik1910 - 2
11. br() - 2
12. Rust - 2
13. Tsimokhin - 2
14. Sikha - 2
15. SEVI - 2
16. Klinok - 2
17. frauzelda - 2
18. romeo_hak - 2
19. yuro4ka - 2
20. megaserg - 2
21. nedotroga - 2
22. Letmetouchyou - 2
23. f1lter - 2
24. pomp - 2
25. Guron - 2
26. cradleoffilth - 2
27. TRяM - 2
28. pekinessik - 2
29. Rezak25 - 2
30. nostromo - 2
31. notnap - 2
32. Htmlmaster - 2
33. hollywood - 2
34. Zippovich - 2
35. Arks - 2
36. kosh_ - 1
37. mkusher - 1

Вопрос по HTML №5:

- У нас есть музыкальный файл sound.mid. Напишите код, с помощью которого можно сделать так, чтобы при открывании страницы проигрывался файл sound.mid. Не забудьте указать контейнер (тег), в который вставляется данный код.

Правильный ответ:

<head>

<bgsound src="sound.mid">

</head>

или

<body>

<embed src="sound.mid" autostart="true" loop="true" hidden="true"></embed>

</body>

Результаты по HTML-вопросу №5:

1. RayOfLight - 2
2. Алеся1306 - 2
3. V1C - 2
4. Rust - 2
5. br() - 2
6. frauzelda - 2
7. SEVI - 2
8. nix2085 - 2
9. Arks - 2
10. notnap - 2
11. megaserg - 2
12. Klinok - 2
13. Letmetouchyou - 2
14. f1lter - 2
15. abmd - 2
16. pekinessik - 2
17. nedotroga - 2
18. yuro4ka - 2
19. Guron - 2
20. Alcorn - 2
21. cradleoffilth - 2
22. romeo_hak - 2
23. kosh_ - 2
24. TRяM - 2
25. tsesl - 2
26. Alik1910 - 2
27. Nitrex - 2
28. Flok - 2
29. Sikha - 2
30. Rezak25 - 1
31. S3T - 1
32. pointer - 1
33. Htmlmaster - 1
34. Tsimokhin - 1

Вопрос по HTML №6:

- Каким тегом создаётся бегущая строка на HTML странице? Можно ли добавить в бегущую строку таблицу?

Правильный ответ: <MARQUEE>. Да, можно.

Результаты по HTML-вопросу №6:

1. RayOfLight - 2
2. pointer - 2
3. yuro4ka - 2
4. frauzelda - 2
5. Rust - 2
6. Алеся1306 - 2
7. V1C - 2
8. SEVI - 2
9. Tsimokhin - 2
10. Htmlmaster - 2
11. pekinessik - 2
12. Letmetouchyou - 2
13. notnap - 2
14. br() - 2
15. Rezak25 - 2
16. Klinok - 2
17. megaserg - 2
18. Akonkagva - 2
19. nedotroga - 2
20. tsesl - 2
21. f1lter - 2
22. Alcorn - 2
23. cradleoffilth - 2
24. S3T - 2
25. abmd - 2
26. kosh_ - 2
27. hollywood - 2
28. Alik1910 - 2
29. TRяM - 2
30. Sikha - 2
31. Guron - 2
32. romeo_hak - 2
33. redseven - 2
34. Nitrex - 2
35. Flok - 2

Поздравляю! Впервые все участники заработали максимальное число баллов - 2!:0047:

Вопрос по HTML №7:

- Все мы знаем, что по умолчанию несколько пробелов подряд в коде, отображаются одним пробелом. Какой тег позволяет отображать текст так, как мы этого пожелаем? Например, ставить несколько пробелов подряд или переносить строки там, где мы захотим.

Правильный ответ: Вообще таких тегов несколько, но у каждого функции немного отличаются. 2 балла только за теги <PRE> и <XMP>.

Результаты по HTML-вопросу №7:

1. pointer - 2
2. yuro4ka - 2
3. RayOfLight - 2
4. Rezak25 - 2
5. Rust - 2
6. Алеся1306 - 2
7. Flok - 2
8. hollywood - 2
9. V1C - 2
10. SEVI - 2
11. notnap - 2
12. Letmetouchyou - 2
13. Klinok - 2
14. Иван Романов - 2
15. Sikha - 2
16. megaserg - 2
17. tsesl - 2
18. f1lter - 2
19. nedotroga - 2
20. Alcorn - 2
21. cradleoffilth - 2
22. S3T - 2
23. TRяM - 2
24. kosh_ - 2
25. Alik1910 - 2
26. pekinessik - 2
27. abmd - 2
28. Nitrex - 2
29. Tsimokhin - 2
30. romeo_hak - 2
31. Guron - 2
32. frauzelda - 2
33. Htmlmaster - 1
34. redseven - 0
35. br() - 0
36. Reydan - 0

Вопрос по HTML №8:

- Какой тег отображает текст нижним индексом, а какой верхним? Обязательны ли у них закрывающие теги?

Правильный ответ: Нижним индексом текст отображает тег <SUB>, а верхним < SUP>. Да, обязательны.

Результаты по HTML-вопросу №8:

1. yuro4ka - 2
2. pointer - 2
3. RayOfLight - 2
4. Алеся1306 - 2
5. frauzelda - 2
6. romeo_hak - 2
7. Rust - 2
8. SEVI - 2
9. redseven - 2
10. Sikha - 2
11. V1C - 2
12. Letmetouchyou - 2
13. pekinessik - 2
14. RayOfLight - 2
15. br() - 2
16. Иван Романов - 2
17. hollywood - 2
18. Alik1910 - 2
19. nedotroga - 2
20. tsesl - 2
21. Klinok - 2
22. Alcorn - 2
23. cradleoffilth - 2
24. f1lter - 2
25. Guron - 2
26. S3T - 2
27. kosh_ - 2
28. megaserg - 2
29. nostromo - 2
30. TRяM - 2
31. Flok - 2
32. Tsimokhin - 2
33. Reydan - 2
34. Nitrex - 2
35. notnap - 1

Вопрос по HTML №9:

- Каким способом можно расположить таблицу по центру окна только с помощью HTML? Какой вариант DOCTYPE при этом нужно использовать, чтобы код был валидный?.

Правильный ответ: <table align="center">
DOCTYPE должен быть переходный (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">)

Результаты по HTML-вопросу №9:

1. frauzelda - 2
2. yuro4ka - 2
3. RayOfLight - 2
4. Rust - 2
5. nedotroga - 2
6. V1C - 2
7. hollywood - 2
8. SEVI - 2
9. Klinok - 2
10. Sikha - 2
11. Alcorn - 2
12. notnap - 2
13. cradleoffilth - 2
14. Иван Романов - 2
15. Alik1910 - 2
16. romeo_hak - 2
17. megaserg - 2
18. f1lter - 2
19. Nitrex - 2
20. S3T - 1
21. Reydan - 1
22. pointer - 1
23. VoVec - 1
24. kosh_ - 1
25. Tsimokhin - 1
26. Flok - 1
27. Guron - 1
28. Алеся1306 - 0