Jak uzyskać wartość tagu P w JavaScript?

| | | | | | | | | | | | | | | | | | | | | | | | | | |

Tag HTML umożliwia zastosowanie stylów do części strony internetowej lub akapitu. Jest często używany do stylizowania tekstu w akapicie, na przykład poprzez zmianę koloru słowa. Tag domyślnie nie ma stylów.

Programując w HTML, możesz zdecydować, że chcesz nadać stylowi coś konkretnego na swojej stronie internetowej. Na przykład możesz chcieć podkreślić określone słowo w zdaniu lub konkretny link na liście linków.

to miejsce, z którego pochodzi tag HTML . to ogólny kontener wbudowany, który umożliwia formułowanie treści w dokumencie internetowym. jest powszechnie używany do stylizacji — zwłaszcza do stylizacji tekstu

Ten samouczek omówi z przykładami, jak używać HTML ;. aby zastosować styl do elementów strony internetowej. Zanim skończysz czytać ten samouczek, będziesz ekspertem w używaniu tagu HTML .

Tag HTML

HTML część tagu strony internetowej. Jest często używany w elemencie

w celu zastosowania stylów do określonej części akapitu. Na przykład możesz użyć , aby zmienić kolor słowa w akapicie.

Sam w sobie tag nie ma wartości domyślnej ani renderowania. Oznacza to, że jeśli użyjesz tagu bez atrybutów, nie ma to wpływu na sposób wyświetlania Twojej strony internetowej.

jest często używany z CSS do zastosowania określonego styl do co najmniej jednego określonego elementu na stronie internetowej. pozwala łatwo zastosować określony styl do wielu elementów na stronie internetowej

>

Składnia HTML

Tag HTML Span ma otwierający () i zamykający (). użyj tagu :

Tag HTML nie ma określonych atrybutów tagu. Na przykład znacznik przycisku ma „wysokość” i „szerokość” jako określone atrybuty znacznika. nie ma żadnego z tych typów atrybutów, ponieważ do stylizacji opiera się na CSS. Tag obsługuje wszystkie globalne atrybuty HTML .

Możesz pomyśleć o tagu podobnym do są używane do definiowania sekcji i bloków tekstu, ponieważ

Nasz kod zwraca:

W naszym przykładzie podkreśliliśmy terminy „pyszne wypieki” i „tysiące”. Pan Pringle powiedział nam, że te terminy są ważne, więc poleciliśmy programowi wyświetlanie ich na czerwono.

Zdefiniowaliśmy ciąg tekstowy zawarty w

HTML tag. Ten tekst śledzi historię Pringle i Bakery Sons. Quindi, abbiamo racchiuso i terminy che vogliamo appaiano in rosso nei tag .

Nel nostro file CSS, skrócona specyfikacja, która określa kolor wszystkich elementów przypisanych do wszystkich elementów klasy redText Czerwony. To pozwala nam zmienić kolor naszego tekstu na czerwony, gdy używamy tagu

;. jest przydatne w tym przypadku, ponieważ chcieliśmy tylko podkreślić pewne słowa w naszym tekście. Możemy mieć tekst stylu na czerwono w samym tagu

. Ale to dałoby początek całemu czerwonemu akapitowi.

HTML na liście

Załóżmy, że piekarnia Pringle and Sons prosi nas o dodanie listy do ich witryny internetowej z linkami na swoich stronach w mediach społecznościowych. Piekarnia zauważyła, że linki do ich stron na Twitterze i Facebooku są szczególnie ważne, ponieważ zespół jest bardziej aktywny na tych platformach. . Chcą więc, abyśmy podświetlili linki na niebiesko

Możemy w tym celu użyć następującego kodu:

Nasz kod zwraca:

 HfpJCIX4ycBUcStlx4EzsAWQzvWNJ 2CLshhieSA BtyOWUe420vh 0KC45uZlVS SsXrpfIP0XBg7turyR5LmnqyarvOug2yL6bfrpS7 KERmAAONXuh5Za9I6x4uL8r FjvWz3 „> </ figure> <p> w naszej HTML, stworzyliśmy listę nieuporządkowaną za pomocą em> & lt <; ul ></em>. Ta lista zawiera trzy elementy, z których każdy jest zawarty w tagach <em><li></em></p> </a> </div> <p>Lista artykułów dla Twittera i Facebooka jest zawarta w znacznikach HTML span (<span> i </span>). Otwierający znacznik span dla każdego elementu na liście określa atrybut klasy. wartość atrybutu class to „niebieski”.</p><p>Zdefiniowaliśmy styl o nazwie .blue, który zmienia kolor tła dowolnego elementu, do którego jest stosowany, na jasnoniebieski. kolor tła wszystkich linków z <a href= klasą CSS .blue w naszym kodzie HTML zmieni się z jasnoniebieskiego.

Kolor tła powiązany z naszym linkiem na Instagramie nie zmienił się, ponieważ nie uwzględniliśmy tekstu tego linku w tagach .

Wniosek

Kod HTML to ogólny kontener służący do stosowania stylów do określonych elementów na stronie HTML. . Domyślnie tag nic nie robi, ale może być używany w połączeniu z CSS do stylizowania elementów

Jako wyzwanie, zdefiniuj ; znacznik, który sprawia, że słowo w zdaniu pojawia się wyłącznie wielkimi literami. Będziesz musiał użyć reguły CSS, aby narysować tekst za pomocą tagu .

Ten samouczek ilustruje, na przykładach, jak używać HTML << em> span> w kodzie. Możesz teraz zacząć używać tagu jak profesjonalny programista!

Aby uzyskać pomoc i wsparcie w zakresie nauki HTML, przeczytaj nasze Przewodnik edukacyjny HTML .