Home>

Could you please tell me how to write css when displaying the text with thetag inside the<span>tag?</p> <p>《Html》<br /> <p><br /> <strong class = "color_a">■ The title tag setting is very important. Choose your words carefully and enter them properly.</strong><br><br /> "First, make sure you can see the html source, and it's about the 6th line from the top."<br><br /> <span class = "look"><title>Homepage template for beginners tp_beginner5

"Let's edit."

"If your homepage name is" SAMPLE SITE ","

SAMPLE SITE

"If so, it's OK."

《Css》
.color_a {
color: # d08147
}
.look {
background: # e5e5e5;
border-radius: 5px;
padding: 5px 10px;
}

When I wrote it as above, it was not displayed.
I'm sorry, I would appreciate it if you could teach me the solution.
We apologize for the inconvenience, but thank you.

  • Answer # 1

    <Or>Is processed by the browser as the characters that make up the HTML tag, so if you want to display it as characters on the screen as it is,<Or>It is necessary to write using the character reality reference as in.

    Besides this,&Is&Please write in.

  • Answer # 2

    Do you want to display thetag as it is (express it as a code)? ??<br /> How about this article?</p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0098667398625536" data-ad-slot="3267016387" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </li> <li class="row post"> <div class="replytitle"> <span class="fr"></span> <div class="fl"> <span class="floor-parent"><strong>Answer # 3</strong></span> </div> </div> <div class="cla comment"> <p>The title tag is usually written in the head and is not displayed in HTML.<br /> What do you want to do?</p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0098667398625536" data-ad-slot="3267016387" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </li> </ul> </div> </div> <div class="likeartlist"> <h3>Related articles</h3><ul><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-328490.htm" target="_blank">html - about position: absolute;</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-317769.htm" target="_blank">html - [ruby on rails] about the problem that line breaks are not reflected in the text data acquired by innertext of mechanize</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319725.htm" target="_blank">html - how to put h1 tag and li tag side by side</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319491.htm" target="_blank">html - about width specification to check with developer tools</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319188.htm" target="_blank">the tag of html is displayed as a string</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319180.htm" target="_blank">ruby - about notation of create action</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319138.htm" target="_blank">html - about duplication of click () event in jquery</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319122.htm" target="_blank">html - about adjustment problem of icon image + balloon</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-319109.htm" target="_blank">html - about changing the font color of css</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-318433.htm" target="_blank">about the phenomenon that the [id] set in rails collection_select changes on the html side</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-317706.htm" target="_blank">html - the contents of the li tag do not fit in the li</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-320042.htm" target="_blank">html - bootstrap card about the height of the bootstrap card</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-317317.htm" target="_blank">about scroll display when overflowing html elements</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-316857.htm" target="_blank">html - please tell me about the layout of the navigation bar of bootstrap4</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-316835.htm" target="_blank">html - about the part where mix-blend-mode is not reflected</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-316670.htm" target="_blank">[html] about specifying height in responsive design</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-316360.htm" target="_blank">html - about the work of multiple people</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-316140.htm" target="_blank">html - about chrome verification tool</a></li><li class="liketitle"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-315939.htm" target="_blank">difference in height of p tag in html css div</a></li></ul></div> </div> <!----> <!--endpost--> </div> <!-- right --> <div class="rgt" id="recoTopicNode"> <div class="rgtse topic_aside"> <div class="side-tit">Related questions</div> <ul class="side-theme-lst"><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-359105.htm" target="_blank">html : Why the text is not displayed on iOS</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353358.htm" target="_blank">html : Div shifts when scaling the screen</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353234.htm" target="_blank">html : Problem in the correct work of Flex blocks CSS</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353270.htm" target="_blank">javascript : Distance on the side of the button</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353289.htm" target="_blank">html : Moving the items and their refund to the starting position jQuery</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353290.htm" target="_blank">javascript : Make a roller menu when downloading a page</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353315.htm" target="_blank">javascript : How to prohibit drag and drop the slider in Type= "Range"</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353347.htm" target="_blank">javascript : How to solve the problem associated with the transition by anchor?</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353353.htm" target="_blank">html : Shifts the background picture when changing permission</a></li><li class="topic_card"><a class="side-theme-tab" href="https://www.tutorialfor.com/questions-353400.htm" target="_blank">javascript : The value of Z-index does not change when the button is pressed</a></li></ul></div><div id="sidebar"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- left --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0098667398625536" data-ad-slot="7243593213" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="cla"></div> <script type="text/javascript" src="/js/prettify.js"></script> <script type="text/javascript"> (function() { if((".artleft pre").length > 0){ $(".artleft pre").addClass('prettyprint linenums'); prettyPrint(); }; $(".artleft p > code").each(function() { if ($(this).text().length >= 30) { $(this).addClass('linecode'); }else{} }); })(); </script> </main> </div> <footer id="footer" class="bx1"> <div class="col"> © 2019 <a href="https://www.tutorialfor.com/">Programming tutorial for beginners</a> </div> </footer> <div id="mask"></div> </body> </html>