Entry tags:
HTML Tutorial
For Melodie
Are you ready for a tutorial--because I am! I even offer you images so you can see the full code (I'm a little bit bored...).
All the fancy text stuff and links on LJ is all HTML code. I don't know how much you know of HTML so I've put together a little tutorial for you. It contains all the basic stuff you'll probably ever want to use on LJ. (And I want to warn you that those straight lines in the screen caps aren't part of the code...it's the cursor from my monitor [oops] so just ignore them! *grin*)
1. The elusive lj-cut.
What you see:
How to code:
2. Font styles:
Italics: Pokey little puppy.
How to code:
Bold: Pokey little puppy.
How to code:
Underline: Pokey little puppy.
How to code:
Strikethrough: Pokeylittle puppy.
How to code:
3. Font size and color
Hello!!!!
How to code:
You can also combine style attributes too like this:
How you doin'?!
How to code:
You just have to make sure the tags don't "cross over" (i.e. note how the opening tags are reversed in closing).
And for "quick" headers like:
Use this sort of code:
To make the text of the header smaller increase the number of the h tag. The greater the number in the h tag the smaller the font of the header. For example this h tag has a number of 3:
4.Blockquotes
Excerpt:
How to code:
5. URL, linking to other Web pages
Look at my Cruise pictures!
How to code:
6. Pictures
The hottie you see:
How to code:
7. Lists (Unordered or Bullets and Ordered or Numbered)
Here's what I've been up to lately:
How to code:
To get a numbered list replace "ul" with "ol" at beginning and end of the code.
That's pretty much all I had planned to show you; is there anything else you'd like me to teach you? w3schools.com has a pretty good online tutorial for the basics, if you wanted to learn more about HTML than what I've included above. I really don't use any other tags on LJ. Seems like a lot though....
Let me know if you want to learn anymore!!
Love you!!!
Are you ready for a tutorial--because I am! I even offer you images so you can see the full code (I'm a little bit bored...).
All the fancy text stuff and links on LJ is all HTML code. I don't know how much you know of HTML so I've put together a little tutorial for you. It contains all the basic stuff you'll probably ever want to use on LJ. (And I want to warn you that those straight lines in the screen caps aren't part of the code...it's the cursor from my monitor [oops] so just ignore them! *grin*)
1. The elusive lj-cut.
What you see:
How to code:
2. Font styles:
Italics: Pokey little puppy.
How to code:
Bold: Pokey little puppy.
How to code:
Underline: Pokey little puppy.
How to code:
Strikethrough: Pokey
How to code:
3. Font size and color
Hello!!!!
How to code:
You can also combine style attributes too like this:
How you doin'?!
How to code:
You just have to make sure the tags don't "cross over" (i.e. note how the opening tags are reversed in closing).
And for "quick" headers like:
Reflecting on life's little things...
Use this sort of code:
To make the text of the header smaller increase the number of the h tag. The greater the number in the h tag the smaller the font of the header. For example this h tag has a number of 3:
Reflecting on life's little things...
4.Blockquotes
Excerpt:
"Be not alarmed, Madam, on receiving this letter, by the apprehension of its containing any repetition of those sentiments, or renewal of those offers, which were last night so disgusting to you. I write without any intention of paining you, or humbling myself, by dwelling on wishes, which, for the happiness of both, cannot be too soon forgotten; and the effort which the formation and the perusal of this letter must occasion should have been spared, had not my character required it to be written and read. You must, therefore, pardon the freedom with which I demand your attention; your feelings, I know, will bestow it unwillingly, but I demand it of your justice. . . ."
How to code:
5. URL, linking to other Web pages
Look at my Cruise pictures!
How to code:
6. Pictures
The hottie you see:
How to code:
7. Lists (Unordered or Bullets and Ordered or Numbered)
Here's what I've been up to lately:
- work
- work
- work
- Did I mention work?
How to code:
To get a numbered list replace "ul" with "ol" at beginning and end of the code.
That's pretty much all I had planned to show you; is there anything else you'd like me to teach you? w3schools.com has a pretty good online tutorial for the basics, if you wanted to learn more about HTML than what I've included above. I really don't use any other tags on LJ. Seems like a lot though....
Let me know if you want to learn anymore!!
Love you!!!