belarusweb.net
© Петр Романовский Минск, 2016-2018.



belarusweb.net

Основы создания сайтов...
HTML >>>

1.1. Что такое HTML?

Определение HTML

Уже довольно давно понятие интернета перестало быть для нас чем-то экзотическим. Буквально каждый день мы открываем установленный на нашем компьютере или мобильном устройстве браузер и начинаем просматривать страницы различных сайтов в поисках нужной информации. При этом подавляющее большинство пользователей даже не задумывается о том, каким образом браузер отображает эту информацию в удобочитаемом для нас виде. Однако конечным пользователям этого знать и не нужно. Для этого существуют целые команды веб-разработчиков, которые занимаются как созданием, так и технической поддержкой уже готовых сайтов. Именно эти специалисты знают необходимые языки программирования, которые понимают современные браузеры. Одним из них как раз и является язык гипертекстовой разметки HTML.

HTML (от англ. the Hypertext Markup Language) – это стандартный язык гипертекстовой разметки веб-документов, который повсеместно используется во Всемирной паутине.

Кратко об истории HTML

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли в самом конце 80-х годов прошлого века в период его работы в стенах ЦЕРНа. HTML задумывался как максимально простой и легкий в освоении язык для обмена научной и технической документацией, которым смогли бы пользоваться люди, не являющиеся специалистами в области верстки и программирования. Простота языка достигалась за счет применения небольшого количества специальных элементов (тегов), которые позволяли без особых усилий получить на выходе хоть и простой, но красиво оформленный документ.

С течением времени HTML постоянно изменялся и развивался. В результате в 2014 году Консорциум Всемирной паутины (от англ. World Wide Web Consortium, W3C) завершил разработку и рекомендовал к использованию уже пятую версию HTML, которую мы с вами и будем изучать.

Контрольные вопросы и задания

  1. Дайте определение языку HTML.
  2. Когда и кем он был разработан?
  3. Разработка какой версии HTML была завершена в 2014 году?

Быстрый переход к другим страницам

Словарь новых английских слов

hypertext [ˈhʌɪpətɛkst] – гипертекст.
mark [mɑ:k] – отмечать, маркировать, метка.
language [ˈlaŋɡwɪdʒ] – язык.
wide [waɪd] – широкий.
web [web] – паутина, сетка.
width [wɪtθ] – ширина.
height [haɪt] – высота.
head [hed] – заголовок, голова.
body [ˈbɔdɪ] – тело.
footer [ˌfutə] – нижний колонтитул, 'подвал'.
article [ˈɑːtɪk(ə)l] – статья.
navigation [,nævi'gei∫ən] – навигация, передвижение.
charset [ˈtʃɑ:set] – кодировка.
inline [inˈlaɪn] – строчный.
block [blɔk] – блок, блочный.
background [ˈbakɡraʊnd] – фон, задний план.
title ['taitl] – заглавие, название, надпись.
edit ['edit] – редактировать, правка, редактирование.
content [kənˈtɛnt] – содержимое, содержание.
check [tʃɛk] – проверять, проверка, галочка, птичка.
sheet [ʃiːt] – лист, страница, таблица.
span [spæn] – интервал.
window [ˈwɪndəʊ] – окно.
code [kəʊd] – код.
example [ɪɡˈzæmpl] – пример, образец.
aside [ə'said] – в стороне, отдельно, кроме.
color [ˈkʌlər] – цвет, краска.
blue [blu:] – синий, голубой.
yellow ['jeləu] – желтый.
red [red] – красный.
green [gri:n] – зеленый.
grey [grei] – серый.
black [blæk] – черный.
white [wait] – белый.
orange ['ɔrindʒ] – оранжевый.
violet ['vaiəlit] – фиолетовый.
hidden ['hidn] – скрытый, скрывать, прятать.
access [ˈækses] – доступ.
key [ki:] – ключ, клавиша, идентификатор.
translate [transˈleɪt] – переводить.
Комментарии (2)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Maksim
Добрый день. Меня интересует такой вопрос. Я изначально изучил курс Михаила Русакова "Верстка сайта с нуля" . Данный курс довольно объемный и включает в себя язык разметки HTML и CSS. Данный автор стучал себя в грудь доказывая что после прохождения этого курса я смогу верстать сайты практически любой сложности, но в прилагаемом шаблоне сайта для домашнего задания (ссылку на этот шаблон я укажу Вам чуть ниже) выяснилось, что моих знаний не хватает. Нужны дополнительные знания по тегам HTML и CSS. Могу ли я получить данные знания из справочников по HTML и CSS? Или эти справочники носят только ознакомительный характер? С уважением, Максим.
№122 от 2018-02-07 09:16:39
Нравится ()
Ответить
Петр Романовский
Maksim
Maksim
Добрый день. Меня интересует такой вопрос. Я изначально изучил курс Михаила Русакова "Верстка сайта с нуля" . Данный курс довольно объемный и включает в себя язык разметки HTML и CSS. Данный автор стучал себя в грудь доказывая что после прохождения этого курса я смогу верстать сайты практически любой сложности, но в прилагаемом шаблоне сайта для домашнего задания (ссылку на этот шаблон я укажу Вам чуть ниже) выяснилось, что моих знаний не хватает. Нужны дополнительные знания по тегам HTML и CSS. Могу ли я получить данные знания из справочников по HTML и CSS? Или эти справочники носят только ознакомительный характер? С уважением, Максим.
2018-02-07 09:16:39
Maksim, лично я не смотрел ни одного урока по HTML или CSS вообще никакого автора. Честно. Я даже не знаю насколько уровень моих уроков ниже или выше чьих-то еще. Я их просто записывал, как дополнение к учебникам. Данный сайт я делаю в свободное время и в первую очередь для себя и таких же новичков, как и я сам. Хотелось бы скорее закончить основные моменты, чтобы осталась только поддержка ресурса, но другие проекты требуют значительных затрат времени. Если вы о справочниках нашего сайта, то описание некоторых свойств и тегов пока отсутствует. Однако их вполне хватило, чтобы сверстать данный проект, не без участия всех 5 веб-технологий. При этом не использовались чужие решения и готовые наработки кода.
№123 от 2018-02-07 00:46:47
Нравится ()
Ответить
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2018.
Связаться с автором
Наверх