Basic HTML Snippits for Newbies
Basic HTML Snippits for Newbies
ghost | 7902 Reads | Basic HTML Snippits for Newbies
Okay … I'm guessing you all know what HTML is and what it does/How it works. And this is only a brief artical, its updating all the time okay =] Okay lets start off with a basic page with no content.
<HTML>
<HEAD>
<Title>Page Title</Title>
</HEAD>
<BODY>
</BODY>
</HTML>
Got that? That is a basic website with no content, but for the HTML to work propely those (^) tags are needed. The HTML Tag tells the browser to expect html code, the head tag tells the browser that all of the information is to be displayed here, such as the title which will be displayed at the top left of the browser =] the body tag tells the browser that the main comment is comming … Got that? To change the background colour of a document just add " bgcolor="hexhcode"> after the "<body" part. e.g.
<body bgcolor="000000">
Okay? You need to change the "000000" part in that to any hex code you like because at the moment it is black for white its "FFFFFF" … for a hex code table go to http://www.december.com/html/spec/color1.html Now, say we want some basic text … In the <BODY></BODY> area we can put any of the following formatting tags
<b>Bold Text</b>
<i>Italics</i>
<u>underlined</u>
<CENTER>Centered Text</CENTER>
<br>New Line
<p>Paragraph</p>
Psssst, put your own text in their :wink: So there's some basics … Now Text Sizes and fonts
<font face="FONT NAME">This displays text in a certain font</font>
<font size="Font Size">Displays text in a certain size</font>
<h1>Displays text in "main header" style</h1>
<h2>Displays text in "sub-Title" style</h2>
To display a link to another website include the following tags inside the body area
<a href="HTTP://EXAMPLE.COM">Link Text</a>
Make sure you change the example.com to your link and the link text to the text you want to display …. =]
Right, bullet pointed lists To do this use the following code
<ul>
<li>Bullet</li>
<li>Another Bullet</li>
</ul>
or instead of using bullets you can use number e.g.
<ol>
<li>Number 1</li>
<li>Number 2</li>
</ol>
As you may have guested "ol" stands for ordered list and "ul" stands for unordered list =] Okay, Thats only very basic … So expect more articles from me in the future with more advanced HTML Enjoy! Please Comment!
DJDotti
ghost 17 years ago
yea i know, but i reccon people should learn HTML before even thinking about XHTML
ghost 17 years ago
Hermm, it's okay. But you should really explain a little bit more. Like you didn't explain the title thing, you just kind of gave the code, and didn't explain the head tags either….. I don't know, it's okay, but I think you could've gotten into a little more details.
ghost 17 years ago
not to start a flame fest, but he did say he wasnt explaining html, so i guess not explaining tags it okay, however, if you werent explaining html, why would you show such noobish stuff? anyways, still a good read.
richohealey 17 years ago
uhhhhh…. i dunno. it's too short IMO…. like if i had no experience already, this wouldn't teach me anything… maybe inspire me to google for some real answers. i'm giving it averedge
ghost 17 years ago
Before posting an article on anything, be sure you really know about it. The example of HTML you are giving aren't clean at all, good coder never use uppercase tag and lowercase tag at the same time. It gets very confusing when you code big script. Also for color you should always add "#" before the hex code of your color. It should look like this : 00000. I note Poor.
ghost 17 years ago
wow, you weren't kidding when you said "basic". but it was a pretty good written article so im gonna give it a good.
ghost 17 years ago
lol @ flange ….. before telling other people their articals are crap, raise your points & etc so they dont say it back :D
ghost 17 years ago
maybe add more than just the bare minimum there…? It's ok, but if you're posting an article about html maybe give a little more info about layout, etc… Even pagetutor.com <– :p has more newbie-friendly basic html articles. Just add a bit to yours, more detail, and show how things work together. maybe… add <img />?
Still, its OK
ghost 16 years ago
Seriously, who on earth is not at least reasonably familiar with HTML? Other than that fact making this article useless, you didn't really cover anything in a halfway comprehensive manner… you just spewed code out of your ass. You might as well have said "go to w3schools, type each thing in a text file, and view it in a web browser, since I won't tell you what the fuck anything does". Then, your crap article wouldn't have even been approved, which is what should've happened in the first place.