HTML Notes
Sep. 4th, 2024 10:33 am![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
This is not an actual entry, but a reference sheet for me for when I want to use HTML in the comments, replies, or posts that I make, if the "Rich Text" option is not available or is being wonky. Putting it under a cut so you don't have to scroll through everything and then some. Feel free to use the comments to play with the HTML commands if you'd like.
DREAMWIDTH-SPECIFIC HTML
<user name=tuesday_morning>: Creates a link to your journal. To link to another user, substitute their name for yours.
<cut>: "Hides" text behind a link.
To link to another user on another site, use @username.sitename
EXAMPLE: @pastel_yarn.pinterest.com
List of websites: https://www.dreamwidth.org/support/faqbrowse?faqid=87
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
COMMON HTML TAGS YOU CAN USE ON DREAMWIDTH
BOLD: <b> Text here </b>
Will appear like this.
ITALIC: <i> Text here </i>
Will appear like this.
QUOTES: <q> Text here </q>
BLOCK-QUOTES: <blockquote> Text here </blockquote>
NEWLINE: Text <br>here
[Used to indicate a new line starts at that point. Good if you select "Don't autoformat" option for comment or entry.]
First line will appear like this
Second line will appear like this.
PARAGRAPHS: <p> Text here </p>
Paragraph one.
Paragraph two.
OTHER HTML OPTIONS [I'll explore these in the comments section]
FONT STYLING TAGS:
<big>, <del>, <font>, <s>/<strike>, <small>, <sup>, <sub>, <tt>, <u>
TEXT TYPE TAGS:
<code>, <pre>, <dfn>, <kbd>, <marquee>, <samp>, <var>, <xmp>
HEADING TAGS:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
DREAMWIDTH-SPECIFIC HTML
<user name=tuesday_morning>: Creates a link to your journal. To link to another user, substitute their name for yours.
<cut>: "Hides" text behind a link.
To link to another user on another site, use @username.sitename
EXAMPLE: @pastel_yarn.pinterest.com
List of websites: https://www.dreamwidth.org/support/faqbrowse?faqid=87
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
COMMON HTML TAGS YOU CAN USE ON DREAMWIDTH
BOLD: <b> Text here </b>
Will appear like this.
ITALIC: <i> Text here </i>
Will appear like this.
QUOTES: <q> Text here </q>
Will appear like this.
BLOCK-QUOTES: <blockquote> Text here </blockquote>
Will appear like this.
NEWLINE: Text <br>here
[Used to indicate a new line starts at that point. Good if you select "Don't autoformat" option for comment or entry.]
First line will appear like this
Second line will appear like this.
PARAGRAPHS: <p> Text here </p>
Paragraph one.
Paragraph two.
OTHER HTML OPTIONS [I'll explore these in the comments section]
FONT STYLING TAGS:
<big>, <del>, <font>, <s>/<strike>, <small>, <sup>, <sub>, <tt>, <u>
TEXT TYPE TAGS:
<code>, <pre>, <dfn>, <kbd>, <marquee>, <samp>, <var>, <xmp>
HEADING TAGS:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
HTML Sample Reference
Date: 2024-09-04 06:31 pm (UTC)Keep Holding On by Avril Lavigne
You're not alone, together we standI'll be by your side, you know, I'll take your hand
When it gets cold and it feels like the endThere's no place to go, you know, I won't give in
No, I won't give in
Keep holding on
'Cause you know we'll make it through, we'll make it through
Just stay strong
[Text Type Tags]
'Cause you know I'm here for you, I'm here for you
There's no other way when it comes to the truth
So keep holding on
'Cause you know we'll make it through, we'll make it through
So far away, I wish you were here
Before it's too late, this could all disappear
[Heading Tags]
With you by my side, I will fight and defend
I'll fight and defend
yeah, yeah
Keep holding on
'Cause you know we'll make it through, we'll make it through
Just stay strong
[Heading Tags]
Keep holding on
'Cause you know we'll make it through, we'll make it through
Just stay strong
'Cause you know I'm here for you, I'm here for you
There's nothing you could say (nothing you could say)
[END OF EXAMPLE SAMPLE]
no subject
Date: 2024-09-05 02:33 am (UTC)