+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: [HTML] - Your first webpage. (/Thread-HTML-Your-first-webpage)
[HTML] - Your first webpage. - bluedog.tar.gz - 12-18-2012
HackCommunity - Writing your first webpage.
Tutorial written by bluedog.tar.gz
Tutorial written by bluedog.tar.gz
Requirements for this tutorial
[*] A brain
[*] A HTML editor
[*] A browser to preview your website
[*] You could use an online editor such as http://jsfiddle.net/ but I recommend you to use notepad++ for now.
Download links
[*] Notepad++
Skill level: 1/5
Outcome: http://i.imgur.com/cJOKe.png
Chapter 1 - What is a webpage?
A web page or webpage is a document or information resource that is suitable for the World Wide Web and can be accessed through a web browser and displayed on a monitor or mobile device. This information is usually in HTML or XHTML format, and may provide navigation to other web pages via hypertext links. Web pages frequently subsume other resources such as style sheets, scripts and images into their final presentation.
HTML stands for Hyper Text Markup Language. HTML file contains some predefined tags called markup tags like <html> is a tag.. Markup tags contains the data called content of the web page. Content of the web page will be visible on web page by web browser.
CSS are simply text files (.css ), composed of lines of code that tell browsers how to put on show an HTML page. By learning CSS one could separate HTML content from its appearance, distinguishing style from structure & can optimize website better.
Chapter 2 - Your first HTML!
Before we begin I would like to point out that HTML is not case sensitive, but I recommend you capitalizing your tags for better readability of your code.
Lets start with declaring our doctype of the HTML.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">Tip: If you do not declare a specific DocType correctly a visitors browser must "guess" (usually by applying the loosest possible DocType or a "quirks" mode DocType of its own) resulting in slower rendering.
After you declaring what version of HTML your document is using, you will be placing the body of your web page in the HTML element. ( In here comes all the stuff )
Code:
<HTML>The TITLE element tags go in between the opening and closing HEAD tags. In this example we want our title to be '[HTML] - Your first webpage.'
Code:
<TITLE>[HTML] - Your first webpage.</TITLE>We just learned the tags we need to put at the top of an HTML document. Now its time to finally write the webpage. All the content of your page goes in between the BODY tags. There are a variety of attributes you can set for the BODY element. For now we'll just put in a paragraph about our favourite forum ( Obviously HackCommunity.com ! ). The paragraph will go in between the paragraph tags
Code:
<BODY>
<P>HackCommunity.com - The best ethical hacking forum.</P>
</BODY>And now ofcourse close your <HTML>
Code:
</HTML>Your webpage should look like this
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<TITLE>[HTML] - Your first webpage.</TITLE>
<BODY>
<P>HackCommunity.com - The best ethical hacking forum.</P>
</BODY>
</HTML>Questions & Feedback
I hope you enjoyed my first tutorial about writing your first little HTML page. If you have any questions then feel free to ask by commenting down below. I will be writing more tutorials in the future.
Kind regards,
bluedog.tar.gz
Admin - HackCommunity.com
This tutorial is written by bluedog.tar.gz
Other websites may have been used as source to complete my tutorial in more detail then originally written.
[HTML] - Your first webpage. - bluedog.tar.gz - 12-18-2012
HackCommunity - Writing your first webpage.
Tutorial written by bluedog.tar.gz
Tutorial written by bluedog.tar.gz
Requirements for this tutorial
[*] A brain
[*] A HTML editor
[*] A browser to preview your website
[*] You could use an online editor such as http://jsfiddle.net/ but I recommend you to use notepad++ for now.
Download links
[*] Notepad++
Skill level: 1/5
Outcome: http://i.imgur.com/cJOKe.png
Chapter 1 - What is a webpage?
A web page or webpage is a document or information resource that is suitable for the World Wide Web and can be accessed through a web browser and displayed on a monitor or mobile device. This information is usually in HTML or XHTML format, and may provide navigation to other web pages via hypertext links. Web pages frequently subsume other resources such as style sheets, scripts and images into their final presentation.
HTML stands for Hyper Text Markup Language. HTML file contains some predefined tags called markup tags like <html> is a tag.. Markup tags contains the data called content of the web page. Content of the web page will be visible on web page by web browser.
CSS are simply text files (.css ), composed of lines of code that tell browsers how to put on show an HTML page. By learning CSS one could separate HTML content from its appearance, distinguishing style from structure & can optimize website better.
Chapter 2 - Your first HTML!
Before we begin I would like to point out that HTML is not case sensitive, but I recommend you capitalizing your tags for better readability of your code.
Lets start with declaring our doctype of the HTML.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">Tip: If you do not declare a specific DocType correctly a visitors browser must "guess" (usually by applying the loosest possible DocType or a "quirks" mode DocType of its own) resulting in slower rendering.
After you declaring what version of HTML your document is using, you will be placing the body of your web page in the HTML element. ( In here comes all the stuff )
Code:
<HTML>The TITLE element tags go in between the opening and closing HEAD tags. In this example we want our title to be '[HTML] - Your first webpage.'
Code:
<TITLE>[HTML] - Your first webpage.</TITLE>We just learned the tags we need to put at the top of an HTML document. Now its time to finally write the webpage. All the content of your page goes in between the BODY tags. There are a variety of attributes you can set for the BODY element. For now we'll just put in a paragraph about our favourite forum ( Obviously HackCommunity.com ! ). The paragraph will go in between the paragraph tags
Code:
<BODY>
<P>HackCommunity.com - The best ethical hacking forum.</P>
</BODY>And now ofcourse close your <HTML>
Code:
</HTML>Your webpage should look like this
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<TITLE>[HTML] - Your first webpage.</TITLE>
<BODY>
<P>HackCommunity.com - The best ethical hacking forum.</P>
</BODY>
</HTML>Questions & Feedback
I hope you enjoyed my first tutorial about writing your first little HTML page. If you have any questions then feel free to ask by commenting down below. I will be writing more tutorials in the future.
Kind regards,
bluedog.tar.gz
Admin - HackCommunity.com
This tutorial is written by bluedog.tar.gz
Other websites may have been used as source to complete my tutorial in more detail then originally written.
RE: [HTML] - Your first webpage. - LightX - 12-18-2012
Great tutorial! Good to know at least a little about HTML!
RE: [HTML] - Your first webpage. - LightX - 12-18-2012
Great tutorial! Good to know at least a little about HTML!
RE: [HTML] - Your first webpage. - bluedog.tar.gz - 12-18-2012
(12-18-2012, 09:00 PM)LightX Wrote: Great tutorial! Good to know at least a little about HTML!
Thank you!
RE: [HTML] - Your first webpage. - bluedog.tar.gz - 12-18-2012
(12-18-2012, 09:00 PM)LightX Wrote: Great tutorial! Good to know at least a little about HTML!
Thank you!
RE: [HTML] - You r first webpage. - The Real Slim Shady - 12-19-2012
Mmm so is there any other reason you prefer the html specification over the xhtml specification?
I personally prefer the stricter nature of xhtml. not to mention cross compatibility. in fact while i recognize html is case-insensitive i was under the impression it was convention to use lowercase.
Its also easier to code. Switching from uppercase tags to lower case text is just... annoying?
RE: [HTML] - You r first webpage. - The Real Slim Shady - 12-19-2012
Mmm so is there any other reason you prefer the html specification over the xhtml specification?
I personally prefer the stricter nature of xhtml. not to mention cross compatibility. in fact while i recognize html is case-insensitive i was under the impression it was convention to use lowercase.
Its also easier to code. Switching from uppercase tags to lower case text is just... annoying?
RE: [HTML] - You r first webpage. - bluedog.tar.gz - 12-19-2012
(12-19-2012, 12:00 AM)Geoff Wrote: Mmm so is there any other reason you prefer the html specification over the xhtml specification?
I personally prefer the stricter nature of xhtml. not to mention cross compatibility. in fact while i recognize html is case-insensitive i was under the impression it was convention to use lowercase.
Its also easier to code. Switching from uppercase tags to lower case text is just... annoying?
Hey Geoff,
Its different from person to person. I usually prefer to capitalize stuff that are important if you are working with big HTML documents.
And about the xHTML vs HTML, I wouldn't really know yet. xHTML hasn't fully replaced HTML yet for the web. HTML is written in its own unique syntax while xHTML is different. For me the biggest reason is that browsers parse HTML waaay faster then xHTML. Also xHTML does NOT have good browser support.
RE: [HTML] - You r first webpage. - bluedog.tar.gz - 12-19-2012
(12-19-2012, 12:00 AM)Geoff Wrote: Mmm so is there any other reason you prefer the html specification over the xhtml specification?
I personally prefer the stricter nature of xhtml. not to mention cross compatibility. in fact while i recognize html is case-insensitive i was under the impression it was convention to use lowercase.
Its also easier to code. Switching from uppercase tags to lower case text is just... annoying?
Hey Geoff,
Its different from person to person. I usually prefer to capitalize stuff that are important if you are working with big HTML documents.
And about the xHTML vs HTML, I wouldn't really know yet. xHTML hasn't fully replaced HTML yet for the web. HTML is written in its own unique syntax while xHTML is different. For me the biggest reason is that browsers parse HTML waaay faster then xHTML. Also xHTML does NOT have good browser support.