Favicon
Вы обращали внимание, что при посещении ресурса в Интернете, в адресной строке Вашего браузера выводиться небольшая картинка. Кроме того, если Вы добавите данный сайт в Избранное, то эта картинка будет и там, недалеко от адреса сайта.
Если Вы ищите информацию в поисковой системе Яндекс, то в выдаче иконка расположена рядом со ссылкой на сайт и отображает ту же саму картинку. Данная картинка носит название favicon. Вы можете самостоятельно сделать favicon и установить её на свой ресурс.
Favicon представляет собой графический файл в формате .ico, который имеет размеры 16 на 16 пикселей и цветовую гамму TrueColor. Сделать favicon можно в любом графическом редакторе. Обычно применяют ПО, которое специально рассчитано на разработку иконок: AWicons Pro или любую другую.
Когда файл будет готов и скопирован на сервер сайта в корневую директорию, но можно и в папку с иной графикой, в html-коде страницы необходимо сделать дополнения. Внутри секции <head> вписываем:
<link rel="shortcut icon" href="img/favicon.ico">
Где img/favicon.ico – это путь к favicon.
Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui.
H1: Lorem ipsum dolor sit amet
H2: Lorem ipsum dolor sit amet
H3: Lorem ipsum dolor sit amet
H4: Lorem ipsum dolor sit amet
H5: Lorem ipsum dolor sit amet
H6: Lorem ipsum dolor sit amet
UNORDERED LIST
- Unordered list test
- Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Unordered list test
- Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Yet another element in the list
- Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Yet another element in the list
- Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
ORDERED LIST
- Ordered list test
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..
- Another list element
- Yet another element in the list
TABLES
| Use the th tag to create the header which will display in bold | |
|---|---|
| The tr tag creates the row | The td tag creates individual cells for each row |
| You should always use the closing tags | You can use a variety of XHTML tags inside the cell |
| The three new table tags are tbody, tfoot, and thead | The colspan attribute allows you span more than one cell |
