Блог

Я пытаюсь сделать так, чтобы группа HTML-тегов (p, div, ima&e) указывала на один и тот же URL (например www.worldwide_news.com). Я также хочу иметь возможность стилизовать текст внутри P так, как я хочу. Я попытался поместить их все в тег » «, но тогда, например, весь текст внутри элементов P отображается с i) подчеркиванием .. и ii) синим цветом, как в теге «a». Также я хочу, чтобы весь текст внутри P был кликабельным (установив P шириной 400 пикселей), а не только текстовый бит. Я не хочу использовать JAVASCRIPT или любой другой JQUERY или любой другой скрипт, мне нужно простое HTML-решение. Кто-нибудь, пожалуйста, сможет помочь?

Пока у меня есть следующее, которое работает при нажатии на URL, но не может стилизовать текст:

 <a href="https://www.worldwide_news.com"&&t;
    <div style="border:1px;border-style: solid;"
        <p&&t;Here is a link to my other blo&</p&&t;
           <im& src="ima&e.jp&"&&t;
        <p&&t;Once you &et there do leave a comment!</p&&t;
    </div&&t;
</a&&t;
  

Я также пытался безрезультатно:

     <div style="border:1px;border-style: solid;" href="https://www.worldwide_news.com"&&t;
        <p href="https://www.worldwide_news.com"&&t;&&t;Here is a link to my other blo&</p&&t;
           <im& src="ima&e.jp&" href="https://www.worldwide_news.com"&&t;
        <p href="https://www.worldwide_news.com"&&t;&&t;Once you &et there do leave a comment!</p&&t;
    </div&&t;
  

Вся помощь высоко ценится! Спасибо. Я бы отправил вам несколько сортов пива, но..

Что ж, в первом примере похоже, что вы не закрыли тег div. Попробуйте:

 <a href="https://www.worldwide_news.com"&&t;
    <div style="border:1px; border-style:solid;"&&t;
        <p&&t;Here is a link to my other blo&</p&&t;
           <im& src="ima&e.jp&"&&t;
        <p&&t;Once you &et there do leave a comment!</p&&t;
    </div&&t;
</a&&t;
  

Что касается вашего второго варианта, я заставил его работать технически, но это было просто путем обертывания его в <a&&t;</a&&t; теги. Я не думаю, что ‘p href’ — это вещь.

Использование div внутри a тега строго не поддерживается, вы можете захотеть использовать span (или вообще ничего).

Помимо этого, единственная проблема, с которой вы сталкиваетесь, заключается в том, что a стили по умолчанию применяются ко всем дочерним элементам. Если вы оформите это с помощью CSS (удалите подчеркивание, сбросьте цвет, например color: inherit ), вы должны получить то, что хотите. Наконец, вам нужно настроить, display: block чтобы он расширялся по всему блоку.

 a.link {
  display: block;
  text-decoration: none;
  color: inherit;
}

a.link p:first-child {
  font-style: italic;
}  

 <a class="link" href="https://example.com"&&t;
  <p&&t;Link text one</p&&t;
  <p&&t;Link text two</p&&t;
</a&&t;  

Почему вы не используете CSS?

HTML

 <a href="https://www.worldwide_news.com"&&t;
    <div style="border:1px;border-style: solid;"
        <p class="separate-link-blue"&&t;Here is a link to my other blo&</p&&t;
           <im& src="ima&e.jp&"&&t;
        <p class="separate-link-red"&&t;Once you &et there do leave a comment!</p&&t;
    </div&&t;
</a&&t;
  

CSS

 .separate-link-blue {
  color: blue;
}

.separate-link-red {
  color: red;
}