BlueTak Posted May 29, 2008 Share Posted May 29, 2008 Hi Guys, today i will teach you how to create a simple website with html, this is very basic coding, even noobs understand Right, first start of with your basic hello world site. Paste the code into notepad: <html> <head> <title>Hello World</title> <head> <body> <!-- A Developers Message the <!-- means hidden to the site;) --> <h3>Hello World</h3> <br /> <marquee>I Like Cheese</marquee> </body> Now, File > Save As > test.html So now open it Tada, Your Basic Web Page, Now i will teach u a bit of code. Line Break. H1 Means Massive text, H2 is smaller text, H3 is smaller text, etc, until u get to H6 its as far as u can go. Text Across Screen The title of the page, in that blue area at the top of ur screen Hidden Message An image, the source of image goes in the src="here" . Download Macromedia Dreamwaver for easy website creating goto http://www.w3schools.com for more info. New tutorial coming soon, on more detail Link to comment
Brophy Posted June 1, 2008 Share Posted June 1, 2008 You seem to use HTML coding like which is not part of the XHTML standard but the self closing tags like is XHTML and not HTML, remember to make the code W3C compliant, http://validator.w3.org/ , also the H1 tags are header elements, you can edit the way they are viewed using a style sheet or a style tag, It might look more confusing but if you learn them the right way from the start then its better in the long run Link to comment
BlueTak Posted June 2, 2008 Author Share Posted June 2, 2008 i use the xhtml + html mixed, it works, and i find it cool. thanks anyway:) Link to comment
ScreWe Posted June 4, 2008 Share Posted June 4, 2008 Part 1 Ok well I'll explain how to make a simple website with HTML... I have my ways of doing things and thats how I like it. But for this tutorial i'm going to show it the so called "Professional" Way. Lets start out by making our starting tags... anything in <>'s are called Tags Example:. So here we go. <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML> Ok Let me explain a few things. <HTML> This tells the client what kind of scripting we're doing. Which is HTML (Hyper Text Markup Language) <HEAD> This is the very top of the website. Its recommended not to have anything here but in later tutorials i will show what it can be used for. <TITLE> This is the title directly after put any text you want. This text will be up in the Blue bar of your internet browser... HTML tags can not be posted between this. </TITLE> </HEAD> This closes both TITLE and HEAD so that we are no longer interacting with these parts of the website. <BODY> This is the area that the content goes for our website. Images text and other things are placed here. </BODY> </HTML> This ends the body tag and HTML tag... DO NOT POST ANYTHING AFTER it can screw up your website majorly, or even your web browser. Ok that explains the basics you can now put in Text and have a small website. Part 2 In Part 2 i'll explain how to add small ammounts of basic code to enhance the look and feel of your personal website. Bold,Italics,underline These are 3 very easy and simple text modifing codes. <b> </b> Putting text between these tags will make the text bolded <i> </i> Putting text between these tags will make the text italicised <u> </u> Putting text between these tags will make the text underlined. OK now for the LineBreak The line break is a simple code that is easily abused and is helpful. its basically like hitting enter only... well it works. Theres 2 ways to do the line break <br> which is how i learned and it does not need a closing tag the second way is <br /> its the exact same but I don't know why they made it I use just Well this is the end of Part 2 stay tuned for part 3 if there is one. Link to comment
Brophy Posted June 8, 2008 Share Posted June 8, 2008 is part of the HTML standard is part of the XHTML standard, XHTML uses self closing tags Link to comment
Recommended Posts