.:. HTML FOR NEWBIES .:.

Programming HOW TOs and in-depth guides for programmers of all levels. Programming is an essential skill for hackers, so start learning today!
Post Reply
User avatar
Mixfevers
n00b
Posts: 6
Joined: Mon May 23, 2005 7:53 pm
Contact:

.:. HTML FOR NEWBIES .:.

Post by Mixfevers » Mon May 23, 2005 8:08 pm

HTML FOR NEWBIES |
--------------------------

1. What is HTML?
2. What can it be used for?
3. How should I Start?
4. What are HTML Tags?
5. What else should I know?
6. Links to advance Tutorials.

----------------------------------------------------------------------------------------------------------------------------
1. WHAT IS HTML?
Before you start makeing Websites you should know the history and background of HTML and what it stands for and what it does.

If you want to learn HTML and Code with it you need a few things.
1. A computer with a OS on it such as Windows or linux
2. Web browser software.
3. Web codeing applet such as notepad or dreamweaver or frontpage something like that.

Ok now if you have the stuff listed above now to move on and and know what HTML Stands for. HTML Stands for Hyptertext Markup Language (HTML). One person who started HTML was Tim Berners-Lee
----------------------------------------------------------------------------------------------------------------------------
2. WHAT CAN IT BE USED FOR?
HTML is used to make webpages. HTML is one of the easy Lang to learn and code in, withouth HTML We might not have Webpages.
----------------------------------------------------------------------------------------------------------------------------
3. HOW SHOULD I START?
ok if you did what I said on the first step and got a computer and something to code in such as notepad you can do what I say.

open up notepad or your editor.
First thing were going to learn is the Skeletal structure of and HTML Document. Type what I type in your webpage editor.

<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
</HEAD>
<BODY>
contents of document
</BODY>
</HTML>

ok now you just created your first HTML Document/Web page now to save it.

1. open up the Save as box
2. Select File, Save as and be sure to select Text Documents as teh file type.
3. Name the File site.html
4. Choose the folder on your computer to save the html document to. ( Write down were you saved it to )
5. Click save or Ok
6. Now open up your Browser such as Internet Explorer
7. in your browser click the file, Open and click browse. and go to the folder you saved the file in and hit open (note these options may change if useing a diff OS)
8. Now your site should show up in the browser you should see printed on the screen contents of document

Now im going to go into detail on what you did to create that page.
First you need to learn what a opening and closeing tags are.

An opening Tag is an HTML that that indicates the start of and HTML Command; the text affected by the command appears after the opening tag. opening tags always begin with < and End with >, as in <HTML>

A closing Tag is an HTML Tag that indicates the end of and html command; the text affected by this command appears before the closing tag. Closing tags always begin with </ and End with >, and in </HTMLl>

Ok now that you learned those terms Im going to show you what each one of those sections you typed in that Document ment and what it did.

<HTML>
That tag defines That it is a html document and beginning of the document .

<HEAD>
That tag always appears near the beginning of the html code for a page , it is used to identify the title of a page .

</HEAD>
That tag tells that its the closeing of the head section of the page.

<BODY>
That tells the webbrowser that thats the start of the body of the page. anyting between this and </body> is posted on the page.

Example:

<BODY>
Hi, My first site
</BODY>

see how that works?

</BODY>
that tells the browser its the closeing of the body

</HTML>
That tells the browser is the End of the Hmtl document.

----------------------------------------------------------------------------------------------------------------------------

4. WHAT ARE HTML TAGS?
ok as you saw above you used html Tags. Well Now Ill tell you what HTML Tags are.

HTML tags are a must in html they mark up text-based documents. They instruct Web browsers how to display content. Tags indicate where a given element begins, you must Place teh appropriate tag before it. This consist of a certain abbreviation sandwiched by the less-Than (<) and Greater-Thank (>) symbols. For example as show before <html> . Not all Tags need a opening and closeing thow.

----------------------------------------------------------------------------------------------------------------------------

5. WHAT ELSE SHOULD I KNOW?
Ok now that you know the skeletal structure of a HTML document im going to show you a few Tags for HTML.


TEXT TAGS: INLINE STYLES
These tags are used to change the sytle of your text for each section ill put a = to show what each one looks like
<B>...</B> = Bold text
<FONT>...</FONT> = Font
<I>...</I> = italic text
<SMALL>...</SMALL> = Small text
<BIG>...</BIG> = Big text
<S>...</S> = striked text
<U>..</U> = underlined text
<CENTER>..</CENTER> = Centered text


STRUCTURAL TAGS
<!DOCTYPE>
<BASE /> = All other URLs in the document are resolved against this location
<BODY>...</BODY> = Defines its the Body of the document
<HEAD>...</HEAD> = Defines its the Head of the document
<HTML>...</HTML> = Defines its a HTML Document
<LINK /> = Defines a relationship between the current document and another document.
<META> = Should be placed in the <HEAD> Tag it provides additional information about the document.
<TITLE>...</TITLE> = Defines its the Title of the Document


SCRIPT TAGS
<script> = places a script within the document
<NOSCRIPT>


MULTIMEDIA TAGS
used to play multimedia documents on a webpage
<APPLET>
<BGSOUND> = is used to play a background sound
<EMBED> = Embeds an object into the Web Page
<OBJECT> = A generick element used for placeing an object on a page.
<PARAM>


FRAME TAGS
Used to create HTML Frames on a webPage
<FRAME> = Defines a single frame within a <frameset>
<FRAMESET> = Defines a collection of frames or other framesets
<NOFRAMES>


LINKING WITH A DOCUMENT
Ok these tags can go in the body section of your page. These are Tags for linking to websites and other documents. <A> is a anchor meaning it will link to another document or web resource. it can also serve to label a fragment within a document. For example to link to jinx you could try <A HREF="http://www.jinx.com">Jinx</A>
the section between > < is the comment or text part that will show up on a page. for example >Jinx< with Jinx put in it will print out Jinx and if you click that it will work as a link.

<A NAME="fragmentname">TEXT</A>
<A HREF="fragmentname">TEXT</A>


BULLETED LIST/UNORDERED TAGS
This is used if you would like to make a bulleted list. YOu know the thing with the dots then your sentance or what ever to the right of the dots. Each one enters on a new line.

<UL>
<LI>Your text
<LI>Your text
<LI>Your text
</UL>

When that is made it should print out like this
  • Your Text
    Your Text
    Your Text
NUMBERED LIST/ORDERED TAGS
Ok A numbered list is basicly what it sounds like, A numbered list from 1- to what your LI stop at for each one is a number starting at one to what ever. Each one enters on a new line.

<OL>
<LI>Your Text
<LI>Your Text
<LI>Your Text
</OL>

When that is made it should print out like this but instead of the dots it would be in numbers in order
  • Your Text
    Your Text
    Your Text
TABLES
Tables are meant to display data in a tabular format. Tables use to be used for The page layout purposes before HTML 4 came out. Now this is being Discourage by the W3C

<TABLE>...</TABLE> = Creates a table
<TBODY>...</TBODY> = Defines the Table body
<TD>...</TD> = Defines a cell's contents
<TFOOT>...</TFOOT> = Defines the Table footer
<TH>...</TH> = Defines the cell contents of the table header.
<TR>...</TR> - Defines a row of table cells

EX: Here is an example of a Table setup

<TABLE BORDER="1">
<TR><TD>Name:<TD>James</TD></TR>
<TR><TD>Age:<TD>14</TD></TR>
</TABLE>


FRAMES
frames create panels in the web browser window that are used to display content from different source documents; Fames also allow you to build a web page composed of serveral Web Pages.

<FRAME /> = Defines a frame
<FRAMESET>...</FRAMESET> = Defines the layout of frames within a window
<IFRAME>...</IFRAME> = creates a inline frame
<NOFRAME>...</NOFRAME> = Alternative content when frames are not supported

EX: of Inline Frames

<IFRAME HEIGHT=120 widht=250 SCROLLING=yes SRC=http://www.mixfevers.com name=test></IFRAME>



COMMENT TAG
Does just what the Tag says This tag Does not print the comment out on the webpage, but you can view it when looking at the source code.

<!-- your comment -->


----------------------------------------------------------------------------------------------------------------------------
6. LINKS

1. http://www.htmlgoodies.com/
2.http://www.cwru.edu/help/introHTML/toc.html
3.http://www.w3schools.com/html/default.asp
4.http://www.davesite.com/webstation/html/
5.http://www.utexas.edu/learn/html/
6.http://www.extension.iastate.edu/HTML/

----------------------------------------------------------------------------------------------------------------------------
Questions or comments
contact me via email at ADMIN@MIXFEVERS.COM or visit my forums at http://forums.mixfevers.com
Thank you and hope this helps somewhat.


_________________
The "abort()"function is now called "choice()."
is this ok???????? :wink:
Last edited by Mixfevers on Sun Jun 12, 2005 8:13 pm, edited 4 times in total.

User avatar
Net Battle Bot
Owns you
Posts: 1816
Joined: Fri Jun 04, 2004 6:44 am
Location: Groom Lake

Post by Net Battle Bot » Thu May 26, 2005 6:41 pm

That was quite good =)
Without practice one cannot prove; without proof one cannot be trusted; without trust one cannot be respected.

User avatar
B-Con
Challenge Winner [1x]
Posts: 2679
Joined: Thu Apr 22, 2004 4:19 pm
Location: UC Davis
Contact:

Post by B-Con » Thu May 26, 2005 11:51 pm

Very well organized :D
- "Cryptographically secure linear feedback shift register based stream ciphers" -- a phrase that'll get any party started.

- Why know the ordinary when you can understand the extraordinary?

User avatar
X-Intruder
htd0rg lieutenant
Posts: 327
Joined: Sun May 09, 2004 12:51 am
Contact:

Post by X-Intruder » Fri May 27, 2005 2:06 pm

Good Job !
A+ Network+ Security+
72.37.146.79
http://www.xintruder.net

User avatar
Mixfevers
n00b
Posts: 6
Joined: Mon May 23, 2005 7:53 pm
Contact:

Post by Mixfevers » Fri May 27, 2005 3:22 pm

Ok I updated a few things on it. And sorry to the one guy that got his topic erased along with mine. Because of something I did not know was a rule and was a hidden rule in a section I have not gone to until I started really…really looking for it.

_________________
The "abort()"function is now called "choice()."
Is this ok??????? :wink:

User avatar
Injoi
Apprentice
Posts: 30
Joined: Fri Jun 10, 2005 1:22 pm
Location: down south where the turkey is prime
Contact:

Post by Injoi » Mon Jun 13, 2005 8:18 pm

Ugggh brought up a topic that was nearly 25 days old :cry:
=| Take a stand and Injoi Life |=
w00t w00t Injoi w00t w00t

User avatar
NoUse
time traveller
Posts: 2624
Joined: Thu Aug 28, 2003 10:46 pm
Location: /pr0n/fat

Post by NoUse » Tue Jun 14, 2005 12:54 pm

Injoi wrote:Ugggh brought up a topic that was nearly 25 days old :cry:
Doesn't matter how old a tutorial is, you can comment on it anytime.
And I will strike down upon thee with great vengeance and furious anger
those who would attempt to poison and destroy my brothers.
And you will know my name is the Lord
when I lay my vengeance upon thee.

User avatar
DevianT
n00b
Posts: 2
Joined: Mon Jun 27, 2005 5:51 am
Location: /home/deviant
Contact:

perfect

Post by DevianT » Mon Jun 27, 2005 6:27 am

couldn't have done it better myself.
We've been dominated by sadists, or
ignored by the apathetic. The few that had something to teach found us will-
ing pupils, but those few are like drops of water in the desert. -- The Mentor

pissed
n00b
Posts: 2
Joined: Fri Jun 23, 2006 10:23 pm
Contact:

Post by pissed » Fri Jun 23, 2006 10:35 pm

thx

User avatar
prohacker1
Strike 2
Posts: 78
Joined: Wed Apr 26, 2006 12:38 pm

lol

Post by prohacker1 » Fri Jun 23, 2006 11:04 pm

Lol it's very nice and way better then te one I did on here lol!
!Hacking Time!

RaZeR
n00b
Posts: 1
Joined: Thu Jul 13, 2006 9:15 pm
Contact:

i am having a problem

Post by RaZeR » Thu Jul 13, 2006 9:28 pm

i need haelp with this i do everting u say. i use notepad and in it i put

<HTML>
<HEAD>
<TITLE>the best</TITLE>
</HEAD>
<BODY>
Elite
</BODY>
</HTML>

so when i go to internet explorer to open this file it does not work i cant even see the file can u tell me what i am doing wrong please i am runnung windows XP.

User avatar
Net Battle Bot
Owns you
Posts: 1816
Joined: Fri Jun 04, 2004 6:44 am
Location: Groom Lake

Post by Net Battle Bot » Fri Jul 14, 2006 3:40 am

Go to File > Save As > change to "All Files" > type "index.html". Open that file with Internet Explorer.
Without practice one cannot prove; without proof one cannot be trusted; without trust one cannot be respected.

User avatar
lonestar3457
Corporal
Posts: 125
Joined: Fri Dec 29, 2006 9:01 pm
Location: CMOS Batt,NY
Contact:

Post by lonestar3457 » Sat Dec 30, 2006 12:27 pm

hey nice tut. I know most of that stuff, but is there more to learn than that, because i learned it in about a week and i thought that there had to be more than that.
Just my two sense.

svkk
n00b
Posts: 4
Joined: Sun Dec 31, 2006 3:35 am

Post by svkk » Sun Dec 31, 2006 3:05 pm

If you'd like to learn more HTML, google is your friend.

But if you really want to expand your abilities, I recommend leaning a scripting language such as JavaScript, which can be used in web pages. HTML is very "static" - really, all it does is format how the page should be displayed. That's all it is designed to do. If you want any sort of user interaction, you need to learn a scripting language, such as JavaScript.

CSS is also good to know. CSS allows you to control the style, the look and feel, of your web site. To see its power in action, visit this page: http://www.csszengarden.com/. There is a menu on the right side which lists several designs. Click on them, and observe that the style of the page changes drastically in every design, but the content stays the same. As they say, "The code remains the same, the only thing that has changed is the external .css file". Basically, instead of defining the style in line with the rest of the HTML, you define it elsewhere so that changing it is a snap. Depending on who you are and how much experience you have, this may not sound like much; but from a programmer's perspective, this is pretty huge.

User avatar
kkid28
Hacker in Training
Posts: 77
Joined: Sun Dec 03, 2006 10:44 pm
Location: C:\Windows XP\C\Dev-Cpp\Dev-Cpp.exe

Post by kkid28 » Mon Jan 01, 2007 4:29 pm

This is nicely done. Misses some, but hence the NEWBIES in the title I guess. I found a good tutorial that helped me when I started... http://werbach.com/barebones/download.html It gives you nearly every tag there is. Also to anyone getting into HTML you should also look into CSS.
Keith24 wrote:It's an oxy-moron... like Microsoft Works.

skill-a-holic
n00b
Posts: 1
Joined: Sun Sep 11, 2016 1:26 am

Re: .:. HTML FOR NEWBIES .:.

Post by skill-a-holic » Sun Sep 11, 2016 1:43 am

Hey everyone, I'm new to this site and do we post questions or just tutorials? because all I see is tutorials.

User avatar
Cool_Fire
Not a sandwich
Posts: 1912
Joined: Fri May 09, 2003 1:20 pm
Location: 41 6d 73 74 65 72 64 61 6d
Contact:

Re: .:. HTML FOR NEWBIES .:.

Post by Cool_Fire » Sun Sep 11, 2016 5:46 pm

Well, the tutorials section is mostly for tutorials. The other sections are not specific to tutorials and are full of questions on many subjects.
If we're breaking the rules, then how come you can't catch us? You can't find us? I know why. Cause, it's ... MAGIC!
Hackerthreads chat, where the party is going 24/7.

Post Reply