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.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: html.md
+16-16
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
[Вопросы для собеседования на Java Junior](README.md)
2
2
3
-
#Основы HTML
3
+
#Основы HTML
4
4
+[Что такое _«HTML»_?](#Что-такое-html)
5
5
+[Что такое _«XHTML»_?](#Что-такое-xhtml)
6
6
+[Что такое `DOCTYPE` и зачем он нужен?](#Что-такое-doctype-и-зачем-он-нужен)
@@ -17,17 +17,17 @@
17
17
+[В каком регистре лучше писать HTML-код?](#В-каком-регистре-лучше-писать-html-код)
18
18
+[Что такое «мнемоника (entity)»?](#Что-такое-мнемоника-entity)
19
19
20
-
##Что такое _«HTML»_?
20
+
##Что такое _«HTML»_?
21
21
__HTML__, HyperText Markup Language («язык гипертекстовой разметки») — стандартизированный язык разметки документов в WWW. На данный момент актуальна 5 версия этого языка - HTML5.
22
22
23
23
[к оглавлению](#Основы-html)
24
24
25
-
##Что такое _«XHTML»_?
25
+
##Что такое _«XHTML»_?
26
26
__XHTML__, eXtensible HyperText Markup Language («расширяемый язык гипертекстовой разметки») - более строгий вариант HTML, следующий всем ограничениям XML и, фактически являющийся приложением языка XML к области разметки гипертекста.
27
27
28
28
[к оглавлению](#Основы-html)
29
29
30
-
##Что такое `DOCTYPE` и зачем он нужен?
30
+
##Что такое `DOCTYPE` и зачем он нужен?
31
31
Элемент `<!DOCTYPE>` предназначен для указания типа текущего документа. Это необходимо, чтобы браузер понимал согласно какого стандарта необходимо интерпретировать данную web-страницу.
32
32
33
33
Существует несколько видов `<!DOCTYPE>`, различающихся версией языка, на который они ориентированы:
@@ -65,7 +65,7 @@ __XHTML 1.1__
65
65
66
66
[к оглавлению](#Основы-html)
67
67
68
-
##Для чего предназначен тег `<head>`?
68
+
##Для чего предназначен тег `<head>`?
69
69
Тег `<head>` предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри этого контейнера находятся _метатеги_, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
70
70
71
71
Содержимое тега `<head>` не отображается напрямую на web-странице, за исключением тега `<title>` устанавливающего заголовок окна.
@@ -86,19 +86,19 @@ __XHTML 1.1__
86
86
87
87
[к оглавлению](#Основы-html)
88
88
89
-
##Чем отличается `<div>` от `<span>`?
89
+
##Чем отличается `<div>` от `<span>`?
90
90
`<div>` - блочный, а `<span>` - строчный элементы. Поэтому `<div>` формирует блок из того, что в нем располагается с новой строки, а `<span>` не переносит элементы, размещая их в строку. Так же стоит отметь, что согласно рекомендациям w3c линейный тег не может включать в себя блочные теги, поэтому `<div>` обычно используется для разметки блоков, а `<span>` - отрывков текста.
91
91
92
92
[к оглавлению](#Основы-html)
93
93
94
-
##Как обозначаются комментарии в HTML?
94
+
##Как обозначаются комментарии в HTML?
95
95
Комментарий в HTML-коде задаётся так: `<!-- комментарий -->`
96
96
97
97
Комментарии можно использовать в любом месте страницы, кроме тега `<title>` — внутри него они не работают. Внутри тега `<style>` HTML-комментарии тоже не работают, так как в CSS код комментируется другим способом.
98
98
99
99
[к оглавлению](#Основы-html)
100
100
101
-
##Каким образом задаётся адрес документа, на который следует перейти?
101
+
##Каким образом задаётся адрес документа, на который следует перейти?
102
102
Для создания ссылок на другие документы используется тег `<a>`. В зависимости от присутствия атрибутов `name` или `href` тег `<a>` устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри web-страницы.
103
103
104
104
Синтаксис:
@@ -124,7 +124,7 @@ __XHTML 1.1__
124
124
125
125
[к оглавлению](#Основы-html)
126
126
127
-
##Как сделать ссылку на адрес электронной почты?
127
+
##Как сделать ссылку на адрес электронной почты?
128
128
Создание ссылки на адрес электронной почты делается почти также, как и ссылка на web-страницу. Только вместо URL указывается `mailto:"адрес электронной почты"`
129
129
130
130
```html
@@ -133,7 +133,7 @@ __XHTML 1.1__
133
133
134
134
[к оглавлению](#Основы-html)
135
135
136
-
##Для чего предназначен тег `<em>`?
136
+
##Для чего предназначен тег `<em>`?
137
137
Тег `<em>` предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.
138
138
139
139
```html
@@ -143,7 +143,7 @@ __XHTML 1.1__
143
143
[к оглавлению](#Основы-html)
144
144
145
145
146
-
##Для чего предназначены теги `<ol>`, `<ul>`, `<li>`?
146
+
##Для чего предназначены теги `<ol>`, `<ul>`, `<li>`?
147
147
Теги `<ol>`, `<ul>` и `<li>` предназначены для оформления списков.
148
148
149
149
+`<ol>`: нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.
@@ -167,7 +167,7 @@ __XHTML 1.1__
167
167
[к оглавлению](#Основы-html)
168
168
169
169
170
-
##Для чего предназначены теги `<dl>`, `<dt>`, `<dd>`?
170
+
##Для чего предназначены теги `<dl>`, `<dt>`, `<dd>`?
171
171
Теги `<dl>`, `<dt>`, `<dd>` предназначены для создания списка определений.
172
172
173
173
Каждый такой список начинается с контейнера `<dl>`, куда входит тег `<dt>` создающий термин и тег `<dd>` задающий определение этого термина. Закрывающий тег `</dd>` не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
@@ -181,7 +181,7 @@ __XHTML 1.1__
181
181
182
182
[к оглавлению](#Основы-html)
183
183
184
-
##Для чего предназначены теги `<tr>`, `<th>`, `<td>`?
184
+
##Для чего предназначены теги `<tr>`, `<th>`, `<td>`?
185
185
186
186
`<tr>`: служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега `<th>` или `<td>`.
187
187
`<th>`: предназначен для создания одной ячейки заголовка таблицы.
@@ -200,7 +200,7 @@ __XHTML 1.1__
200
200
201
201
[к оглавлению](#Основы-html)
202
202
203
-
##Обязательно ли писать атрибут `alt` в теге `<img>`?
203
+
##Обязательно ли писать атрибут `alt` в теге `<img>`?
204
204
Да, писать его обязательно.
205
205
206
206
Атрибут `alt` устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.
@@ -211,7 +211,7 @@ __XHTML 1.1__
211
211
212
212
[к оглавлению](#Основы-html)
213
213
214
-
##В каком регистре лучше писать HTML-код?
214
+
##В каком регистре лучше писать HTML-код?
215
215
Весь HTML-код рекомендуется писать в нижнем регистре: это относится к названиям элементов, названиям атрибутов, значениям атрибутов (кроме текста/`CDATA`), селекторам, свойствам и их значениям (кроме текста).
216
216
217
217
Не рекомендуется
@@ -226,7 +226,7 @@ __XHTML 1.1__
226
226
227
227
[к оглавлению](#Основы-html)
228
228
229
-
##Что такое «мнемоника (entity)»?
229
+
##Что такое «мнемоника (entity)»?
230
230
__Мнемоника (entity)__ - это конструкция из символа `&` и буквенного (или цифрового кода) после нее, предназначенная для замещения символов, которые запрещены для использования в HTML в «явном виде».
0 commit comments