BLOGGING 101: BASIC HTML

4.21.2015


I have quite mastered the world of HTML but I suck when it comes to CSS. Same shit but the HTML codes are more beginner friendly. In blogging, you'll probably meet HTML in tweaking your blog posts, customizing your template and blog widgets. Now let me get my junior year computer science lecture notebook so I can explain things a little bit better and more accurate. 




O P E N I N G  A N D  C L O S I N G  T A G S

This is the main tag format. ALWAYS, always use the start tag - content - end tag. Always use the slash punctuation (/) for end tags

<tagname>enter your content here</tagname>



B O L D ,  I T A L I C S  &  U N D E R L I N E  T A G S

Bold: Use the strong tag to bold text
<b></b> or <strong></strong>

code: <b>Pack my box with five dozen liquor jugs.</b>
layout: Pack my box with five dozen liquor jugs.


Italics: Use the em tag to italicize the text
<i></i> or <em></em>

code: <i>Pack my box with five dozen liquor jugs.</i>
layout: Pack my box with five dozen liquor jugs.


Underline: Use the underline tag to underline text (duh) 
<u></u>

code: <u>Pack my box with five dozen liquor jugs.</u>
layout: Pack my box with five dozen liquor jugs.

You can also use them all at once. Just don't forget to "sandwich" the text. You'll get it when you see the code.

Code: <u><i><b> Pack my box with five dozen liquor jugs.</b></i></u>
Layout: Pack my box with five dozen liquor jugs.



P A R A G R A P H  A L I G N

Center
<p align="center"></p> or <center></center>

code: <p align="center">Pack my box with five dozen liquor jugs.</p>
layout: Pack my box with five dozen liquor jugs.

Left
<p align="left"></p> or <left></left>

code: <p align="left">Pack my box with five dozen liquor jugs.</p>
layout: Pack my box with five dozen liquor jugs.


Right
<p align="right"></p> or <right></right>

code: <p align="right">Pack my box with five dozen liquor jugs.</p>
layout: Pack my box with five dozen liquor jugs.


Justify
<p align="justify"></p> or <justify></justify>

code: <p align="justify">Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs.</p>

layout: Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs.



L I N E  B R E A K

The single line break 
<br></br>

code: This text contains<br></br>a line break.
layout: This text contains
a line break.



L I N K I N G

<a href></a>

code: Click <a href="http://loisbaguio.com/"> here </a> to go to my homepage.
Layout: Click here to go to my homepage.

You basically put the link in between quotation marks and do not forget the equal sign. 




Powered by Jasper Roberts - Blog