Customizing a blog

Customizing a blog

How do you customize a blog?

Coding
CSS can usually be found at the   of the page, and it usually looks like:

 body{"something: something; some-thing:something; something: something;"} header{"something: something;"}

To read up more on CSS, go to.

HTML is the main type of coding used in blogs. Blogs always start with   and are divided into two main sections &mdash;   and  . Stuff like the title of the site can be slotted inside head, while other stuff like blog posts are stuffed inside the body.

Head
The head element cannot be seen, but it affects the whole site.

Title
  determines the title of the page. The title is the thing which you can see at the top of the page - for this page, it is Customizing a blog - Hwa Chong Blog Handbook Wiki. If the title is  Jimmy likes cookies! , the thing at the top will become Jimmy likes cookies!.

Style
Style is used to edit information for a html document. For example, it sets the color and font size of the headers in a html document. The only possible value as of 28 of August 2024 is "text/css" ( <style type="text/css"> </tt>).

Body
The element is basically the content of the site. When a word is in red, it should be </tt> - with the  < </tt> and  > </tt>. This only applies to this section.

A
 <a> </tt> is used for links. For example, if you want a link, you can use  <a href="http://link.link.link"> </tt> You can give the link a title by  <a href="link.link.link">TITLE</a> </tt>.

You can make the link open in another window by  <a href="site" target="_blank">title</a> </tt>. "_self" opens it in the same window, same tab.

B
bolds the text.

Big
makes the text bigger.

Blockquote
is just used like  "'Bob the builder is my good friend!'" </tt>. It does not have any special things under it.

Br
} makes a line break.

Like this.

Div
 <Div> </tt> is used layout a webpage. Div has several attributes that can be used together with it.

Div-Style
 </tt> helps to determine the posiiton of an object. Div-style-position can be used with absolute or fixed.  </tt> is used when you want an object n pixels from the page.  </tt> is used when you want an object n pixels from the screen. Go to here for examples.

Div-ID
 </tt> can be used when you make a custom thing using  (the one with the dot in front). For example, in CSS, it is .tongton{"color:red;"}

So the div id would be

blah blah

Em
italicizes the text.

H(n)
is the main title, is the second title,  is the third title,  is the fourth,  is the fifth,  is the 6th. Go to this site for more info.

Iframe
inserts a document into another document - it allows one to put a webpage into a webpage. For example, in this cool site, there is an iframe included - the bright red webpage. A normal iframe would be  <iframe src=http://hciblogbook.wikia.com> </tt>, which would make this site appear on another website.

img
inserts an images onto a webpage. Img usually have the two "src" and "alt" attributes.  </tt> is for the webpage where the image is found (i.e. http://en.academic.ru/pictures/enwiki/72/Hwa_Chong_Institution_Logo.png would be  <img src=http://en.academic.ru/pictures/enwiki/72/Hwa_Chong_Institution_Logo.png> </tt>). <tt> </tt> would be for the alternative text you would see. The alternative text appears only when your mouse hovers over the image, or if the image is not at the website. If the image is missing from the site, the alternative text would appear beside a red cross where the image is supposed to appear.

P
is used for a paragraph.

Q
is used for a quotation. i.e. <tt> "John is my friend" - John's friend. </tt>

Small
makes the text small.

Strike/S
or is used to create a strikethrough.

Sub
makes text subscript.

Sup
makes text superscript.

Tt
is used to make text look like <tt>this</tt>.

u
underlines the text.

return?