HTML basics
It is important to start off web design with the basics; the foundation of it. IT DOESN'T MATTER IF THE HTML TAGS ARE CAPITAL OR NOT.
We will start with how we put styles into our coding (Use Notebad).
-For a link:
<a href="http://domain.com">NAME OF SITE</a>. You must have a "http://" for the website link. Replace "NAME OF SITE" with whatever you would like to represent the link.-Bold, italics, underlined:
<b></b>, <i></i>, <u></u>, respectively.-And importantly,
<br>. "br" is the spaces for each line-space you would like to put in. For example, the line above this one has the "br" code to skip to the next line. The more "br" tags you put in, the more lines it will skip.
Starting CSS CSS (Cascading Style Sheet) is used to prevent you from updating every single page with the
<style> tag and the style within the tags. You must have the code, <link rel="stylesheet" href="style.css" type="text/css"> within the <head> tags.
To save something into the .css file, you should open a notepad file (.txt) and rename it to ".css" and then "open with..." Notepad. >> So you don't have to keep on renaming.Within CSS or the
<style> tags, here are some simple CSS codes you can use:
body {
background-color: #ffffff;
font: 11px arial;
margin: 0;
padding: 0;
letter-spacing: 1px;
color: #000000;
text-align: justify;}
h2 {
font: 24px arial;
color: #b2b2b2;
position: justify;
text-decoration: none;
#nav {
position: justify;
width: 0px;}
#content {
position: justify;
width: 0px;}
Confused? When there's the tag "body", in your coding, it must be referring to the "body" area tags.
Body tag has the
background-color: #ffffff;. This is the background colour for the body area, wherever you wish to place it in your coding.
It does not matter if you have a space between the : and the word or number coming after it. The margin and the padding referrs to how much space there is from the body to the margin on the boundary (for the webpage view).
"Text-align: justify" refers to where you want your text to be, you can justify it when you want to wherever you want to, on the spot. So if you want to change it to the center or on the left or right, you can change it. To change the alignment (position) of the text,
use the code <div align="center"> within your body tags. You can change the "center" to "left" or "right". (<body> blah </body>).#nav is a little more confusing. Again, the position is justify, which means you can change it while you type the coding. In this case, the layout would be a tables layout since you say the width of the navigation and the width of the content, assuming that "nav" and "content" area nav and content. But how can you use it in your coding? You must have the codes
<div id="nav">all your navigation stuffs</div> and <div id="content">all your content stuffs</div>.Also, if you want to change the "#" in your stylesheet/style coding, you can change it to "." and in your coding, you must have
<div class=""> for the first tag.As well, you can see the pattern that "{" is enclosing the information to the name of the style and the "}" is disclosing the function for the style in the CSS.
You do not need a period or a "#" in front of the h2, however. This is because it is not customized for you, but it is already programmed into the HTML (Hypertext Markup Language). You could always change the h2 into h1, h3, h4, etc. "h" stands for "header".
Generally, HTML/CSS is very easy to understand and use when you know the simple coding.
ISO-Latin
Some of you may know that some times a few symbols don't work in coding, these ISO-Latin make them work. You must delete the spaces I have put in between them, to keep the actual symbols from appearing in the textboxes.
©=Copyright
<=Left arrow
°=Degrees sign
²=Superscript 2(used in Math)
³=Superscript 3
¿=Inverted question mark
If you have any questions, feel free to post on the tagboard to notify me, or you can contact me.
Host/Sponsors: X-tenshi | Pop is Dead | Riot | Synthoxide
The Essence of Life © Heidi Hu. All rights reserved.
