HTML basics - Revision history

DavidB4-bot: /* External links */clean up

2016-06-23T15:06:15Z

External links: clean up

DavidB4: /* Creating a File */ tweaked wording

2016-03-31T00:29:41Z

Creating a File: tweaked wording

DavidB4: /* External Links */ fixed formatting

2016-03-31T00:28:29Z

External Links: fixed formatting

DavidB4: fixed the error

2016-03-31T00:27:22Z

fixed the error

DavidB4: trying to fix errors...

2016-03-30T19:28:38Z

trying to fix errors...

DavidB4: Created page, but this is all from memory so there are NO references.

2016-03-30T19:26:24Z

Created page, but this is all from memory so there are NO references.

New page

'''HTML''' is a basic [[programming]] language used for creating largely static webpages and [[website]]s. The latest standard is HTML 5. It offers many options, but here are some basics needed for creating a minimal webpage. The first thing anyone needs to know that tags are marked like <this> every time. When there is content inside, a tagged section must also be </closed> with the same brackets, but also with a forward slash before the tag name.

==Creating a File==
First, one must create a text file with the [[file extension]] of .html and open it in any [[Text file|text]] editor, like [[Windows]] Notepad. Now it should be declared as a HTML file by placing <br />
<code><!DOCTYPE html></code> on the first line. On the second line, place <br />
<code><html></code> to open the HTML section of the file, which in this case will be the only section created.

==Sections==
===Head===
Now, it must be set up properly. To begin, a header section must be created by placing the
<br /><code><head></code> tag on the third line. Inside the header, other tags may also be included which provide information about the page or configure settings for the loading and display of the page. One item which should always be included is <br /> <code><meta charset="utf-8" /></code> If one wishes, they can change the charset value, but if they do not know what this does, simply using utf-8 should produce the desired goal.<br />
Other items may be added as well, such as <br/>
<code><title>Title Goes Here</title></code> and other meta data, including<br />
<code><meta name="Author" content="Your Name" /></code><br />
<code><meta name="viewport" content="width=1024" /></code><br />
<code><meta name="Description" content="Site description goes here" /></code><br />
and even<br />
<code><style></code>...<code></style></code>
which can be used to contain all manner of stylistic settings applied to certain tags and classes. If an individual is just starting to learn HTML, however, this will probably not be useful to them yet.
When the head section is complete, close it with<br />
<code></head></code><br />
Nothing is permanent, of course, and the header can always be revised. If the style tag is used, one will frequently need to revisit the header for this reason.

===Body===
The body section is where the main webpage content is placed which will be displayed to the user. First, the body section needs to be opened, so <code><body></code> must be used next.
There any many tags which may be placed inside here, but the most common are probably<br />
<code><div></code> (used to make divisions and sections)<br />
and text containers, such as <nowiki><p></nowiki>, and header tags (<nowiki><h1>, <h2>, <h3>, <h4>, <h5>, and <h6> </nowiki>)
<code><a href="http://link.com">Link Name<a></code> uses the anchor tag to create a text link to another page or website.
For a beginner, simply using a header tag then the paragraph tag to place text on the page in common. At the end of the body section, close it with<br />
<code></body></code>
===Foot===
The footer is often left empty, and does not have a tag to set it apart as a section. Experts sometimes use this section, but for a beginner, it usually should be left empty.

==Finishing and Improving the File==
When the file in complete or ready to be tested, simply close the html section using<br />
<code></html></code> Now it may be opened with any [[web browser]]. For a beginner, trial and error may prove beneficial. Also, researching more HTML tags and code can prove very helpful. Once a framework is ready, improvement and testing is much simpler.

==External Links==
[http://www.w3schools.com W3Schools.com]
[http://www.htmlcodetutorial.com/ HTML Code Tutorial.com]

[[category:HTML]]

@@ Line 37: / Line 37: @@
 <code></html></code>  Now it may be opened with any [[web browser]].  For a beginner, trial and error may prove beneficial.  Also, researching more HTML tags and code can prove very helpful.  Once a framework is ready, improvement and testing is much simpler.
-==External Links==
+==External links==
-[http://www.w3schools.com W3Schools.com]<br />
+* [http://www.w3schools.com W3Schools.com]
-[http://www.htmlcodetutorial.com/ HTML Code Tutorial.com]<br />
+* [http://www.htmlcodetutorial.com/ HTML Code Tutorial.com]
-[[category:HTML]]
+[[Category:HTML]]

@@ Line 4: / Line 4: @@
 First, one must create a text file with the [[file extension]] of .html and open it in any [[Text file|text]] editor, like [[Windows]] Notepad.  Now it should be declared as a HTML file by placing <br />
 <code><!DOCTYPE html></code> on the first line.  On the second line, place <br />
-<code><html></code> to open the HTML section of the file, which in this case will be the only section created.
+<code><html></code> to open the HTML section of the file, which in this case will be the only major section created.
 ==Sections==

@@ Line 25: / Line 25: @@
 The body section is where the main webpage content is placed which will be displayed to the user.  First, the body section needs to be opened, so <code><body></code> must be used next.
 There any many tags which may be placed inside here, but the most common are probably<br />
-<code><div></code> (used to make divisions and sections)<br />
+<code><nowiki><div></nowiki></code> (used to make divisions and sections)<br />
-and text containers, such as <nowiki><p></nowiki>, and header tags (<nowiki><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></nowiki>)
+and text containers, such as <nowiki><p></nowiki>, and header tags (<code><nowiki><h1></nowiki></code>, <code><nowiki><h2></nowiki></code>, <code><nowiki><h3></nowiki></code>, <code><nowiki><h4></nowiki></code>, <code><nowiki><h5></nowiki></code>, and <code><nowiki><h6></nowiki></code>)
-<code><a href="http://link.com">Link Name<a></code> uses the anchor tag to create a text link to another page or website.
+<code><nowiki><a href="http://link.com">Link Name<a></nowiki></code> uses the anchor tag to create a text link to another page or website.<br />
 For a beginner, simply using a header tag then the paragraph tag to place text on the page in common.  At the end of the body section, close it with<br />
 <code></body></code>