HTML

HTML is something I love to use but I am very new to… I am creating this to post some of my beginner codes for myself to reference as well as anyone else.

Unordered list
<ul>
<li> list item 1</li>
<li> list item 2</li>
</ul>

Unordered list with different bullets
<ul>
<li style-list-style-type:square”> list item 1 </li>
</ul>

Ordered list
<ol>
<li> list item 1</li>
<li> list item 2</li>
</ol>

Link to open in new window
<a href=”www.websitename.com”target=”_blank”>Link Name</a>

Link to open in same window
<a href=www.websitename.com”target=”_self”>Link Name</a>

<strong> bold text </strong>

<b> also bold text </b>

<u> underline </u>

Link to your email
<a href=”mailto:email@email.com>E-mail me!</a>

<h1> main heading </h1>

<h1 style=”text-align:center;”> Your aligned heading </h1>

Align paragraph centre
<p style=”text-align:center;”> Your paragraph text here </p>

Line break
<br/>

<i> italic </i>

<em> emphasized text </em>

<s> strikeout </s>

Font Family
Change font to any web safe font
<span style=”font-family:arial;”> Your new font </span>

Font size
<span style=”font-size:16px”> your font in new size </span>

Font colour
<span style=font-color:#030303;”> your font in new colour </span>

Font background colour
<span style=”background-colour:#C2F2CA”> your highlighted text here </span>

Copyright symbol ©
&copy;

Trademark symbol
&trade;

Registered trademark ®
&reg;

Heart
&hearts;

Left arrow
&larr;

Right arrow
&rarr;

Up arrow
&uarr;

Down arrow
&darr;

Spade
&spades;

Club
&clubs;

Diamond
&diams;

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s