Поточний час:
Сьогодні 14 грудня, четверг 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 25 днів

Ваш ip адрес:107.20.120.65

Доброго дня!
Ви обновили сторінку в 14 : 58
Статистика

Кількість публікацій на блозі: 368
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

Post_13saПеред тем как описать типы данных, расскажу вам как создать интересную страницу-html, в который вы сможете хранить различные ссылки.

Кому такая страница нужна, в первую очередь начинающим.

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

Зачем нужна ета страница


А теперь раскажу зачем я решил ее создать для себя. Как я уже отмечал с компьютером я уже давно, и за все это время в моем браузере было размещено возможно от силы десять закладок. С тех пор как я начал заниматься veb-дизайном их у меня не то чтобы намного больше стало, просто даже и перечислить невозможно. Примерно где-то с 90   

Что  ни говори, но такое количество закладок конечно и делает нагрузку на систему, но самое главное большинство из этих закладок автоматически подключаются к своим серверам. Возьму сейчас пример запустив свой брендмауэр Comodo Firewoll и соединений там показывает мама дорогая.

Для чего мне столько сразу , но ни куда не денешься, закладки то нужны, не раз придется к ним заглянуть. И что делать, ну конечно можно поделить их между браузерами, или записать на Microsoft Word.

Я нашел очень простое решение, создать небольшую html-страницу которая всегда будет как говорится под рукой. И сейчас я покажу и расскажу на примере, как ее создать. Данный код уже был размещен в предыдущей публикации, “Что такое гиперссылки” а сейчас его вывожу здесь. 

<html>

<head>

<meta http-equiv=»content-type»content=»text/html;charset=windows-1251″>

<title>Приклад використання</Title>

</head>

<body>

<a href=»http://google.ua»target=»_blank»>GOOGLE</a>

</body>

</html>

Кстати это не только код, но и правильный порядок элементов, которые составляют html-документ. Все что нам нужно, это просто выделить весь код, затем нажать “Копировать” открыть обычный текстовый редактор, и вставить скопированый код на страницу.

Затем сохранить, название можно дать свое, а расширение должно быть только .html в противном случае он не будет открываться в браузере.

Например: я назвал документ href.html  

20а

⇑название любое а сохранить  в .html

Теперь когда мы сохранившим файл с расширением .html у нас должно появится файл-страница нашего браузера по умолчанию у меня Opera. Если его открыть в углу слева будет надпись GOOGLE при нажатии на него мы сразу перейдем на страницу с google.

Как добавляем ссылки:

 Нужно всего навсего  скопирывать код ссылки  ето — <a href=»http://google.ua»target=»_blank»>GOOGLE</a>

Открываем наш текстовый редактор, и всавляемо этот код ниже кода ссылок, который мы уже скопировали, можно и выше тогда ета ссылка будет  первой, а ссылки от google.ua вторыми.

Следующие действия, просто меняем названия, там где у вас стоит google.ua  меняем на пример на yandex.ua и там где стоит название GOOGLE меняем на название yandex.

Сохраняем и открываем в браузере, появляется простенькая страница с двумя ссылками синего цвета, GOOGLE и yandex рядом.

21а

⇑копируем, вставляєм ниже и меняєм

22а 23а

Очень простая получилась страница, ну а что же вы хотели, дальше ее нужно украшать, добавлять различные элементы, таблицы например, я когда красивую страницу сделаю сразу напишу ее код.

В любом случае что-то подобное пригодится, главное что все ссылки под рукой, зашли на чужой компьютер, подключили флешку или другое какое–то запоминающее устройство, а там все ваши ссылки.

Да и на страницу можно вставить логин и пароль, код вручную прописать, чтобы никто кроме вас она не открыл, я когда сам напишу код с логином и паролем обязательно его опубликую на сайте.

24а

⇑просто но главное работает

ТИПЫ  ССЫЛОК  В HTML


Значения атрибутов языка разметки HTML может хранить данные разных типов. Мы россмотрим оставшиеся  основные типа в следующих публикациях, а сейчас рассмотрим только типы ссылок в HTML.

Типы ссылок в HTML Расшифровка
 АLTERNATE

Альтернативная версия документа. С атрибутом lang показывает на ссылку  документа на второй язык, с атрибутом media указывает на версию документа предназначенную для второго носителя (например, для печати)

STELESHEET Указывает на внешнюю таблицу стилей. Этот тип ссылок может использоваться в сочетании с типом АLTERNATE для альтернативных таблиц стилей по выбору пользователя
 START Ссылка на первый документ в серии документов. Сообщает поисковым системам, какой из документов серии автор считает отправной точкой для серии дальнейших документов.
 NEXT Якщо у вас є лінійна послідовність документів, ця функція покаже на наступний документ в тій послідовності. 
 PREY Если у вас есть линейная последовательность документов, эта функция укажет на следующий документ в той последовательности.
 CONTENTS Ссылка на документ обеспечивает функция содержания. Некоторые браузеры также поддерживают функцию содержания таблиц, ToC- “Table of Contents”.
 INDEX Ссылка на документ, который содержит алфавитный указатель
 GLOSSARY Указывает на документ, который содержит глоссарий, который соответствует текущему документу.
 COPYRIGHT Ссылка на документ, содержащий данные об авторском праве на данный документ.
       CHAPTER Ссылка на отдельный документ, который выступает в качестве отдельной главы в сборнике документов
 SECTION Ссылка на документ, который служит разделом в серии документов
SUBSECTION Ссылка на документ, который служит подразделением в серии документов
APPENDIX Ссылка на документ, который выступает в качестве приложения к серии документов. 
HELP Ссылка на документ, содержащий справку (и более подробную информацию, ссылки на другие источники информации и т.д.
BOOKMARK Указывает на закладку (отмечено место в документе) такое содержащего ссылки по имени, которое описывается атрибутом title. В документе HTML можно определить несколько закладок.

 

Вот и таблица получилась, в начале не думал добавлять эту информацию в таблицу, а затем попытался, получилась, таблицы еще на своем блоге не делал, кому пригодится таблица, пожалуй каждому кто занимается созданием страниц.

Просматривать информацию в ней по моему мнению набагото удобнее, чем описывать своими словами, в принципе по типам ссылок в HTML почти все, существуют такие важные данные как сценарий (Script) скрипты, или сценарий клиента и это все что пока что могу о них сказать , также немного известно о CSS, каскадные таблицы стилей.

CSS служит для того чтобы все параметры не указывать лишний раз на странице,  каждый раз, ( параметры — это цвет текста, шрифт, размер поля), без каскадной таблицы стилей все эти параметры нужно вносить на  вашу страницу, задача долговременная, так что это видимо очень полезный атрибут.

Пришло время завершать публикацию, упомяну еще раз, код для ссылки  сам написал, просто попытался или получиться, получилось, конечно еще нужно доработать, доработаю и результат выкладу в публикациях, можно поздравить меня с первыми комментариями, и первыми лайками, они у меня появились а это уже значит что не я один лишь читаю этот блог, ну и конечно спасибо за комментарий и за лайки в этом буду заканчивать – всего хорошего

Сьогодні у нас: 14-12-2017

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *