View Single Post
Old 04-11-2023, 10:29 AM   #70
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,369
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
SomeSteve:

One way to do that would be to use an <i> to indicate the visual italics and use <em> to indicate an emphasized word or phrase.

Code:
CSS:
  i    {font-style:italic}
  i em {font-style: normal}

HTML:
<p><i>Aha, so the cow did <em>not</em> jump over the moon!</i></p>
If you have “large swaths” (my cutoff is anything more than 1 paragraph) then I will use a <div> to the default styling using the css. This eliminates the need for all the extra html tags - reducing code-bloat.


Code:
CSS:
div.telepathy {font-style: italic}
div.telepathy em {
          background-color: red; 
          color: green; 
          text-decoration: underline; 
          font-variant: small-caps;
          font-style: normal;
          font-weight: bold; 
          TTS-voice: stress-the-heck-out-of-it;
  **or whatever you want to style your emphasized section**
}


HTML:
<div class="telepathy">
  <p>Aha, so the cow did <em>not</em> jump over the moon!</p>
  <p>It <em>must</em> have been the spoon!</p>
  <p>Because <em>most</em> people realize that emphasis is
     <em>NOT</em> just a visual slanting of the letters!!</p>
</div>
Attached Thumbnails
Click image for larger version

Name:	Screenshot 2023-04-11 121726.png
Views:	419
Size:	71.9 KB
ID:	200981  

Last edited by Turtle91; 04-11-2023 at 12:18 PM.
Turtle91 is offline   Reply With Quote