Sign in to follow this  
nikolast

HTML Tag - ID Link

Recommended Posts

Как да създадем HTML Tag/ID Link като този (виж спойлера)?

Spoiler
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Не е тайна че HTML e един от най-използваните езици в конструкцията на всеки сайт и не само, почти всеки форум позволява използването на HTML код в своите теми - дискусии. Този урок е полезен за хората които искат да конструират меню в определена страница или дискусия в форума. 

Пример 1 - използване на контретно име:

<h1>TAG индекс</h1>

<h2>Заглавие 2</h2>

<h3><a name="menu">Меню - легенда</a></h3>
<ul>
<li><a href="#anchor_name1">Заглавие 1</a></li>
<li><a href="#anchor_name2">Заглавие 2</a></li>
<li><a href="#anchor_name3">Заглавие 3</a></li>
</ul>

<h3><a name="anchor_name1">Заглавие 1</a></h3>
<p>Текст - Описание ...</p>

<h3><a name="anchor_name2">Заглавие 2</a></h3>
<p>Текст - Описание ...</p>

<h3><a name="anchor_name3">Заглавие 3</a></h3>
<p>Текст - Описание ...</p>

<hr>

<p><a href="#menu">Меню (първи ред)</a></p>

<a href="#таг"> текст <a> води до определено заглавие което обозначаваме с <a name="таг"> заглавие </a>
или казано така href=" " е началната точка на порталът която ще ни заведе при name=" " или така нареченият край на портала.

Пример 2 - ID Линк в пост.
- Разликата не е никак голяма, да не кажа никаква. Използва се същият принцип но с няколко различни буквички,
разликата им е че първият пример започва с произволно име а при ID се използва алфабети като href="#a" или "#a".
 

<h1>TAG Индекс</h1>

<h2>Заглавие</h2>

<h3 id="menu">Меню</h3>
<ul>
<li><a href="#a1">Отиди на заглавие 1</a></li>
<li><a href="#a2">Отиди на заглавие 2</a></li>
<li><a href="#a3">Отиди на заглавие 3</a></li>
</ul>

<h3 id="a1">Заглавие</h3>
<p>text ...</p>

<h3 id="a2">Заглавие</h3>
<p>text ...</p>

<h3 id="a3">Заглавие</h3>
<p>text ...</p>

<hr>

<p><a href="#menu">Към Менюто</a></p>

 


76561198238243394.pngAdd Friend

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this