Wednesday, August 22, 2007

html lesson.

...thought this might be helpful for at least one person I know who blogs - and my mom - sorry we lost you yesterday!

First, the hearts. Sara provided instructions to make a heart shape show up on the page. I frequently use hearts in my journal - they're easy to draw and fun to look at! - but didn't know how to make one on-line. The trick is to put three things together (& + "hearts" + ;) to make an html command. So when blogger displays it, it executes the command and shows this ♥ Sara learned this while posting on my space, so I am now (finally?!) convinced that my space has some redeeming value!

Now, what I learned today about line spacing. I updated the ee cummings poem in the sidebar (the beach was seeming like distant past and this one spoke to me!) and noticed the line spacing was almost like double. Did some research. The blogspot help directed me here and then here and I experimented and came up with this (a shortened version to illustrate the point!):

here's the html:
<+span style="LINE-HEIGHT: 1.1;font-size:85%;" +><+em+>i shall imagine life is not worth dying,if (and when)roses complain their beauties are in vain but though mankind persuades itself that every weed's a rose,roses(you feel certain)will only smile<+/em><+/span>"

and here's the formatted text:
i shall imagine life is not worth dying,if (and when)roses complain their beauties are in vain but though mankind persuades itself that every weed's a rose,roses(you feel certain)will only smile

Note that when you type the html for real, you have to leave out the "+" (I couldn't get the example text to display with the html unless I added the "+") Also, the sidebar poem has different line breaks, but I didn't keep them for this illustration.

Point is the LINE-HEIGHT command. I experimented with 1.0 and it seemed too close together. 1.2 was too far apart. 1.1 was just right. The font-size command makes the text smaller (and this was originally 78%, the smallest, but I decided I liked 85% so it went better with the box below). The "em" makes it italics (don't forget the <>). And I think there's a way to embed that in the span style, but in all my experimenting, I lost that part. Fortunately, this way works!

I do feel a bit (just a bit!?) behind the times and slow compared to my filles - am certain this is all second nature to them, but at least I'm learning!

No comments:

Post a Comment

Thanks for the feedback!