Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Software Development
Programming
Tutorials
[HTML] Getting started part #1
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Mexicano" data-source="post: 273694" data-attributes="member: 56570"><p><span style="font-size: 22px">HTML Getting Started Part #1 </span></p><p><span style="font-size: 12px">Hi Devbest, today im gonna share with you guys a nice tutorial i found for people that wanna learn more about HTML. ENJOY!</span></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p>[HTML]<!DOCTYPE html></p><p><html></p><p><body></p><p></p><p><h1>My First Heading</h1></p><p></p><p><p>My first paragraph.</p></p><p></p><p></body></p><p></html>[/HTML]</p><p></p><ul> <li data-xf-list-type="ul">The DOCTYPE declaration defines the document type</li> <li data-xf-list-type="ul">The text between <html> and </html> describes the web page</li> <li data-xf-list-type="ul">The text between <body> and </body> is the visible page content</li> <li data-xf-list-type="ul">The text between <h1> and </h1> is displayed as a heading</li> <li data-xf-list-type="ul">The text between <p> and </p> is displayed as a paragraph</li> </ul><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p><span style="font-size: 18px"><strong>What is HTML?</strong></span></p><p>HTML is a language for describing web pages.</p><p></p><ul> <li data-xf-list-type="ul">HTML stands for <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</li> <li data-xf-list-type="ul">HTML is a <strong>markup </strong>language</li> <li data-xf-list-type="ul">A markup language is a set of markup<strong> tags</strong></li> <li data-xf-list-type="ul">The tags <strong>describe</strong> document content</li> <li data-xf-list-type="ul">HTML documents containHTML<strong> tags</strong> and plain <strong>text</strong></li> <li data-xf-list-type="ul">HTML documents are also called<strong> web pages</strong></li> </ul><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p><strong><span style="font-size: 18px"><strong>HTML Tags</strong></span></strong></p><p>HTML markup tags are usually called HTML tags</p><p></p><ul> <li data-xf-list-type="ul">HTML tags are keywords (tag names) surrounded by <strong>angle brackets</strong> like <html></li> <li data-xf-list-type="ul">HTML tags normally <strong>come in pairs</strong> like <b> and </b></li> <li data-xf-list-type="ul">The first tag in a pair is the <strong>start tag</strong>, the second tag is the <strong>end tag</strong></li> <li data-xf-list-type="ul">The end tag is written like the start tag, with a <strong>forward slash</strong> before the tag name</li> <li data-xf-list-type="ul">Start and end tags are also called <strong>opening tags</strong> and <strong>closing tags</strong></li> </ul><p><span style="font-size: 22px"><strong>Example:</strong></span>[HTML]<tagname>content</tagname>[/HTML]</p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p><span style="font-size: 18px"><strong>HTML Elements</strong></span></p><p>"HTML tags" and "HTML elements" are often used to describe the same thing.</p><p></p><p>But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags:</p><p></p><p>HTML Element:</p><p></p><p>[HTML]<p>This is a paragraph.</p>[/HTML]</p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p><span style="font-size: 18px"><strong>Web Browsers</strong></span></p><p>The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages.</p><p></p><p>The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user:</p><p></p><p><img src="http://www.w3schools.com/html/pic_ie.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p><span style="font-size: 18px"><strong>HTML Page Structure</strong></span></p><p>Below is a visualization of an HTML page structure:</p><p></p><p>[HTML]<html></p><p><body></p><p><h1>This a heading</h1></p><p><p>This is a paragraph.</p></p><p><p>This is another paragraph.</p></p><p></body></html>[/HTML]</p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p><span style="font-size: 18px"><strong>HTML Versions</strong></span></p><p>Since the early days of the web, there have been many versions of HTML:</p><p></p><p>Version Year</p><p> HTML 1991</p><p> HTML+ 1993</p><p> HTML 2.0 1995</p><p> HTML 3.2 1997</p><p> HTML 4.01 1999</p><p> XHTML 2000</p><p> HTML5 2012</p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p><strong><span style="font-size: 18px">The <!DOCTYPE> Declaration</span></strong></p><p>The <!DOCTYPE> declaration helps the browser to display a web page correctly.</p><p></p><p>There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used.</p><p></p><p>------------------------------------------------------------------------------------------------------------------------------------------------------</p><p></p><p><span style="font-size: 18px"><strong>Common Declarations</strong></span></p><p><span style="font-size: 18px"></span></p><p><strong><span style="font-size: 22px"><span style="font-size: 15px"><strong>HTML5</strong></span></span></strong></p><p><span style="font-size: 12px">[HTML]<!DOCTYPE html>[/HTML]</span></p><p><span style="font-size: 12px"><span style="font-size: 15px"><strong>HTML 4.01</strong></span></span></p><p><span style="font-size: 12px">[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"</span></p><p><span style="font-size: 12px">"http://www.w3.org/TR/html4/loose.dtd">[/HTML]</span></p><p><span style="font-size: 12px"></span></p><p><span style="font-size: 12px"><span style="font-size: 15px"><strong>XHTML 1.0</strong></span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px">[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px"></span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/HTML]</span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px"></span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px">------------------------------------------------------------------------------------------------------------------------------------------------------</span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px"></span></span></p><p><span style="font-size: 12px"><span style="font-size: 12px">Have a nice day! (Im gonna put part #2 tommorow). -<strong>Hooterz</strong></span></span></p><p><span style="font-size: 12px"></span></p><p><span style="font-size: 12px"></span></p></blockquote><p></p>
[QUOTE="Mexicano, post: 273694, member: 56570"] [SIZE=6]HTML Getting Started Part #1 [/SIZE] [SIZE=3]Hi Devbest, today im gonna share with you guys a nice tutorial i found for people that wanna learn more about HTML. ENJOY![/SIZE] ------------------------------------------------------------------------------------------------------------------------------------------------------ [HTML]<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>[/HTML] [LIST] [*]The DOCTYPE declaration defines the document type [*]The text between <html> and </html> describes the web page [*]The text between <body> and </body> is the visible page content [*]The text between <h1> and </h1> is displayed as a heading [*]The text between <p> and </p> is displayed as a paragraph [/LIST] ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]What is HTML?[/B][/SIZE] HTML is a language for describing web pages. [LIST] [*]HTML stands for [B]H[/B]yper [B]T[/B]ext [B]M[/B]arkup [B]L[/B]anguage [*]HTML is a [B]markup [/B]language [*]A markup language is a set of markup[B] tags[/B] [*]The tags [B]describe[/B] document content [*]HTML documents containHTML[B] tags[/B] and plain [B]text[/B] [*]HTML documents are also called[B] web pages[/B] [/LIST] ------------------------------------------------------------------------------------------------------------------------------------------------------ [B][SIZE=5][B]HTML Tags[/B][/SIZE][/B] HTML markup tags are usually called HTML tags [LIST] [*]HTML tags are keywords (tag names) surrounded by [B]angle brackets[/B] like <html> [*]HTML tags normally [B]come in pairs[/B] like <b> and </b> [*]The first tag in a pair is the [B]start tag[/B], the second tag is the [B]end tag[/B] [*]The end tag is written like the start tag, with a [B]forward slash[/B] before the tag name [*]Start and end tags are also called [B]opening tags[/B] and [B]closing tags[/B] [/LIST] [SIZE=6][B]Example:[/B][/SIZE][HTML]<tagname>content</tagname>[/HTML] ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]HTML Elements[/B][/SIZE] "HTML tags" and "HTML elements" are often used to describe the same thing. But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags: HTML Element: [HTML]<p>This is a paragraph.</p>[/HTML] ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]Web Browsers[/B][/SIZE] The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user: [IMG]http://www.w3schools.com/html/pic_ie.jpg[/IMG] ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]HTML Page Structure[/B][/SIZE] Below is a visualization of an HTML page structure: [HTML]<html> <body> <h1>This a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body></html>[/HTML] ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]HTML Versions[/B][/SIZE] Since the early days of the web, there have been many versions of HTML: Version Year HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 2000 HTML5 2012 ------------------------------------------------------------------------------------------------------------------------------------------------------ [B][SIZE=5]The <!DOCTYPE> Declaration[/SIZE][/B] The <!DOCTYPE> declaration helps the browser to display a web page correctly. There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used. ------------------------------------------------------------------------------------------------------------------------------------------------------ [SIZE=5][B]Common Declarations[/B] [/SIZE] [B][SIZE=6][SIZE=4][B]HTML5[/B][/SIZE][/SIZE][/B] [SIZE=3][HTML]<!DOCTYPE html>[/HTML] [SIZE=4][B]HTML 4.01[/B][/SIZE][/SIZE] [SIZE=3][HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/HTML] [SIZE=4][B]XHTML 1.0[/B][/SIZE][/SIZE] [SIZE=3][SIZE=3][HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/HTML] ------------------------------------------------------------------------------------------------------------------------------------------------------ Have a nice day! (Im gonna put part #2 tommorow). -[B]Hooterz[/B][/SIZE] [/SIZE] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Software Development
Programming
Tutorials
[HTML] Getting started part #1
Top