View Single Post
Old 04-13-2023, 05:08 PM   #80
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 2,306
Karma: 13057279
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by SomeSteve View Post
Thanks for all the information (and, again, to everyone else who chimed in). It's all way above my pay grade, but I do manage to absorb bits here and there.


And this is what I meant by highlighting helping you see the differences:

Click image for larger version

Name:	Italics.Thoughts.with.Emphasis.Highlight.png
Views:	372
Size:	19.3 KB
ID:	201017

HTML:

Code:
<p><i>Wow, I did</i> not <i>do good at all.</i></p>
<p><i>Wow, I did <em>not</em> do good at all.</i></p>
The 1st is how you typical word processor would spit it out.

The 2nd is the type of HTML you would ultimately aim for:
  • <i> = Italics marks the entire "inner thought".
  • <em> = Emphasis marks the emphasized word.

- - -

Side Note: And this is the CSS I used to create the above image:

Code:
/* These 2 control the emphasis-inside-italics or italics-inside-italics. */

i em {
  font-style: normal;
}
i i {
  font-style: normal;
}

/* These 2 temporarily highlight the italics or emphasis while proofing. */

i {
  background-color: yellow;
}
em {
  background-color: orange;
}

Last edited by Tex2002ans; 04-13-2023 at 05:12 PM.
Tex2002ans is offline   Reply With Quote