Step 3: The beginning of a website

OK, now you have an editor and a little knowledge about HTML. Lets get started.

Open your editor and make sure you are on a page you can code (might be the source or code tab on GUI editors)

Make sure it is blank before starting. Some GUI editors add information to the code.

The beginning of every HTML page must start with the command <html>. This can be written as <HTML> <hTMl> <Html>. It doesn't matter. Capitals are exactly the same as lower case in html.

The ending of every page will end with </html>. The forward slash signifies the end of any command.

So far your page should look like this

*-*-*-* - Signifies code. Ignore the starts and dashes
View this as a webpage

Nothing to see so far, but technically this is a webpage.
Hi I have a to make something to my school as a project <br> <br>The question is &quot;for your next PAT (practical assessment task) you will have to find out if you can create a web page in css, but not any web page you can chose from 3. <br> <br> Number 1 find out if you can make a member page that show the members and allows you to log in as one or to become one. <br> <br> Number 2 find out if you can create a page where you can upload files but it must only be available to members same for the downloads. <br> <br> Number 3 find out if you can use css to create a web page or a section of the web page were a random anonymous person can donate money. <br> <br>Remember this is all in css <br>Have fun.&quot; <br> <br>That is the question we have
how do you veiw it?
simple with windows just press F12 on windows 7 or higher
you have to get a host....
orpreview it in firefox/opera/IE...etc
how do i preveiw it<br />
please <em><strong>answer </strong></em>the following question:<br /> <a href="http://www.instructables.com/answers/Is-there-any-HTML-30-software-editors-that-work-c/" rel="nofollow">http://www.instructables.com/answers/Is-there-any-HTML-30-software-editors-that-work-c/</a>
i want to make a web site so that i can host my FTP...i dont want anything fancy, i just want like a list.....would html do the trick?
When i use the backround code down there, on my website, it doesn't do anything, but form my computer, it works. Is there a way to use a URl for the backround?
i forgot the code for image backgrounds. and whats the code for music embedding?
i will show what is the code for image background in html&lt;br/&gt;code:&lt;br/&gt;&lt;br/&gt;&lt;body background=&quot;your image.jpg&quot; width=&quot;100&quot; height=&quot;100&quot;&gt;&lt;br/&gt;&lt;br/&gt;but it is more better to use css(cascading style sheet)..&lt;br/&gt;code:&lt;br/&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;br/&gt;body&lt;br/&gt;{&lt;br/&gt;background-attachment:fixed;&lt;br/&gt;background-image: url('your image.jpg');&lt;br/&gt;background-repeat: repeat;&lt;br/&gt;}&lt;br/&gt;&lt;/style&gt;&lt;br/&gt;note: embed this code before typing the body( &lt;body) tags.&lt;br/&gt;&lt;br/&gt;<br/>
what would it be if you want to use a hexadecimal colour?
are you asking how to place a hexadecimal color for background like if you want to put a white background it is simply #ffffff<br/>sample:<br/>&lt;body bgcolor=&quot;#ffffff&quot;&gt;<br/>note: the # sign is important and in putting hexadecimal colors are limited to 6 letters. 6, 3, 9 , f , 0 - hexadecimal signs<br/><br/>do not use this:<br/>&lt;body background=&quot;#ffffff&quot;&gt; <br/>
thats what i wanted. i forgot how to do that. i need to brush up for computer apps 2.
rea, just a suggestion- it is more compatible to use css (cascading style sheet) for background and design.
how about PHP (probably a dumb question)?
PHP is a good scripting language. if you want to learn PHP, you should also learn MySQL-for database.
i heard that learning MySQL would be good. ill give it a shot!
today i use MySQL as my database in PHP and VB.net Programming.
what does the !DOCTYPE! exclamation for/ how do you write it ( know what to write)?
Cool I did an instructable on making your own site aswell, except mine was aimed at the no coding approach, with dreamweaver, which I personally love... Nice instructable, more in depth than mine, which was designed as a very basic 'first timer' idea that worked well using tables etc.
the thing about dreamweaver is that you have to pay so much to get it. the full package (flash, dreamweaver, fireworks and the others) is about £700!!! no way am i paying that much for it
Dreamweaver can be had for free and legally in a huge number of ways, school can license to students willy nilly if they want, some businesses that use it give you a code and everything if you do work experience with them, friends that own it for work purposes can add your name without breaking license...
<pre>yes but when he buys the license he buys a certain number,and when you activate it over the internet it checks whether thelicense has expired. so you can only use it a certain number of times</pre>
Aye but he ended up with hundreds of goes so...
Please make the next one I need to know cause I already mastered this stuff.
The very basics of HTML are pretty easy. Knowing the best way to put things together is the hard part. For example you'll find yourself asking "should I do this in CSS or in HTML?" or "should I make a frame or a table?" One answer or the other is usually better in the long run and one is usually easier to code. To answer these and other questions for you and your website you really need to do a lot of reading and asking questions. I have not built a website from scratch in a several years (time flies). I need to look at XHTML. Good Instructable. I can't wait to see the rest. You might try skipping a line between your statements. With all the HTML punctuation, it is hard to follow.
The answer to those questions being "If you can do it in CSS, you should," "Never use frames. Ever. (They're bad for many, many reasons)" and "Only use tables to display table-based data. Don't use it for layout." Really, the only differences between HTML and XHTML are that you have to close your tags, tags all have to be lowercase, and all text has to be inside a tag (<p> or <h2> or whatever).
hi good instructable how can i put one of the little icons next to the web address
All in good time. I will cover a whole lot about website making in the future. <br/><br/>All though I suppose I could give you a bit of code early. Try this:<br/>******<br/>&lt;link rel=&quot;Name of Icon&quot; href=&quot;picture.ico&quot; /&gt;<br/>******<br/>It must be in .ico format though.<br/>
And a thousand web professionals cringe that you're teaching people the <font> tag. ;) But what can I say? I'm a stickler for standards. XHTML, and all that. So for me, <br /> is the only option, because <br> isn't valid in XHTML. But really, it's not a bad instructible. I kind of wish you'd spent some time explaining the difference between the head and the body, though.
Oh, I forgot: Are you going to cover CSS in the future, or are you going to stick with HTML?
Don't worry. I plan to go into it all. We will cover HTML, DHTML, CSS, PHP and maybe a little JavaScript.

About This Instructable


40 favorites


Bio: A current student at the University of Advancing Technology. Currently studying Robotics and Embedded Systems.
More by bmlbytes: Properly wrap your laptop power cords Installing Subwoofers in a Car Build your own laptop
Add instructable to: