5 html-тегов, которые необходимо знать каждому
Александрийская библиотека содержала по разным оценкам от 70 000 до 400 000 свитков. Современная библиотека конгресса и британская библиотека совместно хранят более 300 миллионов единиц информации. В 1989 году Тим Бернерс-Ли предложил концепцию Всемирной Паутины. На сегодняшний день количество сайтов в интернете перевалило за 1 миллиард.
В основе одного из величайших изобретений человечества лежит довольная простая концепция. Иногда при чтении книги мы сталкиваемся с неизвестным словом и смотрим его определение в глоссарии или в словаре. Но что если, вместо этого, мы могли бы просто нажать на слово и посмотреть словарную статью. Это и есть гиперссылка. Она связывает один документ с другим, и все вместе они образуют Всемирную Паутину.
Эта идея дала толчок развитию других технологий, которые постепенно сформировали облик современного интернета, но в основе это все еще страницы связанные воедино гиперссылкам. Страницы в свою очередь формируются с помощью специального языка разметки — HTML (язык разметки гипертекста)
HTML разметка создает структуру документа. Она состоит из элементов и их атрибутов. В коде страницы элементы отображаются в виде тегов. Например, гиперссылка выглядит следующим образом: <a href=’https://enginetrick.com/’>Ссылка</a>. <a> — это открывающий тег. </a> — закрывающий тег. href=»» — атрибут(или по-другому свойство), где располагается адрес ссылки. Браузер распознает все это и отображает ссылку.
В современных системах управления контентом используются так называемые WYSIWYG-редакторы. С помощью интуитивно понятного интерфейса они позволяют создавать простую html-разметку. Иногда возникают ситуации, требующие непосредственного вмешательства в исходный код. Знания основ HTML здесь просто необходимы. Представляем вашему вниманию 5 html-тегов, которые нужно знать каждому.
С первым тегом мы уже познакомились. Это простая ссылка — <a></a>. Далее идут заголовки. Они представлены тегами: начиная с самого главного <h1></h1> и далее по убыванию <h2>, <h3>, <h4>. Как правило на странице есть один заголовок <h1> и несколько заголовков более низкого уровня.
Упорядочить информацию позволяют списки.
- Раз
- Два
- Три
- Раз
- Два
- Три
Выше представлены нумерованный и ненумерованный список. Разметка будет выглядеть соответственно: <ol><li></li></ol> — для нумерованного списка, <ul><li></li></ul> — для ненумерованного. <li></li> — это тег элемента списка.
Чтобы отделить один абзац от другого, используется тег <p></p>. Отступ сверху и снизу получится автоматически. Внутри абзаца текст можно выделить жирным или курсивом. В этом помогут теги <b></b> и <i></i> соответственно.
Мы рассмотрели наиболее важные теги для разметки текстового содержимого. Попробуйте применить их на практике, и вы начнете чувствовать себя немного увереннее в мировой паутине.