PDA

View Full Version : HTML Basics

Toxic
04-25-2009, 01:42 AM
Well, some people don't know HTML here I bet, and I want to teach some, if they read this. (Most likely they will). Just trying to help. :)

Introductions

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

__________________________________________________


Basics

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<p>This is a paragraph</p>
<p>This is paragraph</p>
<a href="http://www.w3schools.com">This is a link</a>
<img src="w3schools.jpg" width="104" height="142" />


__________________________________________________ ______________

Simple Linking
<a href="http://www.w3schools.com">This is a link</a>

__________________________________________________ _________________

Headings

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3><!-- This is a comment --><p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

__________________________________________________ __________________

Simple Paragraphing
<p>This is a paragraph
<p>This is another paragraph
<p>This is<br />a para<br />graph with line breaks</p>

__________________________________________________ ____________________

Styles

<center> Defines centered content
<font> and <basefont>Defines HTML fonts
<s> and <strikeout> Defines strikeout text
<u> Defines underlined text


__________________________________________________ _____________________

Images
<img src="boat.gif" alt="Big Boat" />

__________________________________________________ __________________

Tables

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table></table><table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>&nbsp;</td>
</tr>
</table>

__________________________________________________ _____________________

Lists
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
__________________________________________________ _______________

Forms
<form>
.
input elements
.
</form>
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>
<form name="input" action="html_form_submit.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

__________________________________________________ ______________

Well, that it all that there is. Well, the basics that is. HTML isn't that hard. I posted this, just in case some of those would like to know. The tech team members wouldn't care for this, but others will. Thank you for your time.
brohana
04-25-2009, 01:44 AM
Styles

<center> Defines centered content
<font> and <basefont>Defines HTML fonts
<s> and <strikeout> Defines strikeout text
<u> Defines underlined text




These are frowned upon nowadays, use style sheets.
Toxic
04-25-2009, 01:46 AM
These are frowned upon nowadays, use style sheets.

Oh, so sorry for the mistake, I will look that up and update it. I didn't know, it's been so long since I talked about HTML. Glad I remembered some, didn't even think that I would, lol.

*EDIT*: Is this right bro?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<LINK href="special.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<P class="special">This paragraph should have special green text.
</BODY>
</HTML>


I didn't know it, so had to look it up.
Dylan
04-25-2009, 02:47 AM
Ripped from w3schools.

Give credits.
Toxic
04-25-2009, 03:13 AM
Ripped from w3schools.

Give credits.

Give who credits? I will pay them, I have enough, and don't care for them. :)
TheHustleR
04-25-2009, 06:08 AM
I think it would be nicer if you changed some of the colours.

So that it isn't all white.
Itches
04-25-2009, 07:17 AM
Hey i dont get all this HTML stuff aye.
Dylan
04-25-2009, 09:03 AM
Give who credits? I will pay them, I have enough, and don't care for them. :)
W3 Schools, and not forum credits.
Credit as in, acknowledge you didn't just copy and paste copyrighted material and make it seem as if you are claiming it.
Bonk
04-25-2009, 11:03 AM
Fail, you rip.

Copypasta noob.
Cobra
04-25-2009, 02:23 PM
Make an introduction explaining the following:

what html is used for
save as .html
what the tags stand for/used for
ect..(you get the point)
Dylan
04-25-2009, 03:21 PM
Make an introduction explaining the following:

what html is used for
save as .html
what the tags stand for/used for
ect..(you get the point)
I thought The Cobra didn't endorse ripping more?
D:
Toxic
04-25-2009, 03:44 PM
I ripped the table part I admit, and the one that I made about the Color Layout Sheet, but the others are real.
Dylan
04-25-2009, 08:31 PM
Bs, I've read the w3schools tut 4 times, and reviewed it again because of this, it's all the same.
http://www.w3schools.com/htmL/html_getstarted.asp
dilutedx
04-25-2009, 08:34 PM
Yes, But for images, I used - Is there a difference?
Dylan
04-25-2009, 08:38 PM
Yes, But for images, I used - Is there a difference?
That is BBCode, HTML is for web pages, not forum posts.
dilutedx
04-25-2009, 08:46 PM
Oh, Never knew that. Now I do. Thanks ^_^
Dylan
04-25-2009, 08:52 PM
Oh, Never knew that. Now I do. Thanks ^_^
If you want to make an HTML page, just put it in notepad and save with a .html extension such as webpage.html and double click it to open it.

It's a bit different than forum posts previews :P
dilutedx
04-25-2009, 08:58 PM
See, I'm not farmiliar with html, All I know about them, Is i copy and paste embed and html codes. Lol. But I'm good with bb. Or whatever you called it. Like [ COLOR = " Red " ] The only html I know is < b > - < / b >

For myspace lol. :P
Dylan
04-25-2009, 09:00 PM
See, I'm not farmiliar with html, All I know about them, Is i copy and paste embed and html codes. Lol. But I'm good with bb. Or whatever you called it. Like [ COLOR = " Red " ] The only html I know is < b > - < / b >

For myspace lol. :P
HTML is one of the SIMPLEST web page creating, yet one of the most widely used.

http://www.w3schools.com/htmL/default.asp
To start learning it from the pros for free, it helped me a LOT.
Leonardo
04-25-2009, 10:05 PM
Nubsauce copied it from W3Schools. :\
vSkyzv
04-26-2009, 01:01 PM
Yes, But for images, I used - Is there a difference?

Yes there is a difference. [IMG] doesn't work. It's <img> (case sensitive).
Leonardo
04-26-2009, 01:51 PM
Yeah, [IMG] is for BBcode, this is HTML. Big difference.