HTML codes?

How do I make my own HTML codes? Like the ones on Photobucket. Because I asked this yesterday and people just gave me tutorials I don't want some link to some confusing tutorilal I people to answer it. Thanks And can I make them with out having to pay for anything? How do I get the CD?

Public Comments

  1. well im 12 and i know a lot about html you have to have a cd to make html codes for like myspace layouts,ot icons for wedsties,and much more!
  2. If you want to learn and create your own HTML codes, either you'll have to buy a textbook or link to some site that teaches you HTML. It cannot be done in one day.
  3. I think that Microsoft FrontPage is a good way to make your own HTML codes without having to learn anything at all about HTML.
  4. If you're not prepared to read tutorials, why should we bother helping you. Don't be so lazy.
  5. The tutorials are actually quite good if you are willing to read them. There are also a lot of tutorials that suck. One of the best ones is W3Schools: http://www.w3schools.com/html/default.asp Until you've tried THAT one, don't complain that all the tutorials are bad, because that one is actually quite good. HTML is very complicated, and it gets far more so again with its sister languages Javascript and CSS. There's no way I could go through all the tags in a single answer; there have been BOOKS written on the subject, and I don't intend to rewrite them in my answer. You MUST be prepared to look for guides on the Internet if you hope to become proficient. To create a new hand-coded HTML document, open up Notepad, go to 'Save as', choose 'all formats' in the file format dropdown menu and type in a name ending in '.html' (include the dot). This file will then be considered an HTML document. In order to make it valid for your browser to read, you will have to insert some tags into the document. An HTML tag is in the form <[words]>; there are also closing tags, which take the form </[words]> (they have a slash at the end). These work as you would expect them to: Everything inside an opening tag and a closing tag is affected by that tag. There are some tags that don't use closing tags at all, but that will come later. The first set of tags you need are these: <html> </html> Everything else will go between those two tags. Don't put anything outside them. The next set of tags you need are the head and body tags. Insert them so that the document looks like this: <html> <head> </head> <body> </body> </html> In general, the head tags are used to contain information about the page and other things to make the page functional, while the body tags contain the text and graphics that actually appear on the page. For example, if you want to make your page say 'Hi, this is a test page', insert that text between the body tags (NOT the head tags). Other tags can be used to modify the text. For example, if you want multiple paragraphs, use the <p> tag, like this: <p>This is one paragraph.</p> <p>This is another paragraph.</p> There are other things you can do too, such as making the font bold, or changing its color. You would make some text bold like this: <p>This is some text. <b>This is some bold text.</b></p> Notice how the <b> tags (for bold) are both inside the set of <p> tags. Each set of an opening and closing tag only affects the things inside it (between the two tags), so the <p> tags in the above example will make the entire text into a paragraph, while the <b> tags will only make the second sentence bold and both sentences will still remain part of the same paragraph. Tags can also have properties. These are generally in the form <[word] [property]=[value]>. For example, the font tag is useless (well, not completely useless, but almost useless) without properties, but can greatly change the way your text looks when it is used properly. For example, let's say you want your text to be bigger. A good starting size for your text is size 2, but let's say you want a big header that is larger than that. You could insert this into your page body: <font size=2><p><font size=4>This is a big header.</font></p> <p>This text is just the normal size.</p></font> Notice how up above there are two sets of font tags, one inside the other. Many kinds of tags, including font tags, can work like this. There are other tags that may NOT work like this, for example <b><b></b></b> may not work properly. Now, let's imagine that you want to make some text both large and colored blue. You would immediately think to do this: <p><font size=4><font color="#0000FF">This text is large and blue.</font></font></p> But you can do it more simply than that, just by using multiple properties on one tag. Look when I put both the size and color properties on the same font tag: <p><font size=4 color="#0000FF">This text is large and blue.</font></p> This will ultimately look the same on your page, but it is smaller and, in many cases, easier to use. In order to make your own colors, rather than using the blue I applied to the font in that example, you will need to learn color codes, which while simple is rather lengthly to explain in itself, so I won't bother going into it. Interestingly, even the body tag also has properties. For example, if you wanted to make the page background a different color, you could do this: <body bgcolor="#000000"> <p>This is some text.</p> </body> The default color for your page is white, but this will make it black. However, you may notice that you now have black text on a black page, which of course makes the text impossible to read. You can remedy this by using colored text, like this: <body bgcolor="#000000"> <p><font color="#FFFFFF">This is some text.</font></p> </body> Now the font will be white, allowing you to see it on top of the black background. Now perhaps you're thinking that the head tags have not been doing anything this whole time. There are, of course, some things you can put in there. For example, if you open your page right now, the title displayed at the very top of your window will probably be the same as your file's name. You don't have to have it this way, and this is what the title tag is used for. Look at this: <head> <title>This is my HTML page</title> </head> If you save your file and open it up now, you will see 'This is my HTML page' at the top of the window instead of your file's name (which could be anything, like 'wwwwww.html' or 'my_web_page.html', so long as it ends in '.html'). There are many other tags that can also be used to modify your page. They include things like <i>, <script>, <style>, <a>, <div>, <img> and so on. You can look all these up on the Internet to learn what they do.
Powered by Yahoo! Answers