Reply to thread

Message

<blockquote data-quote="||~DxxCxxxx~||" data-source="post: 3454023" data-attributes="member: 137393">Quick guide to HTML<img src="http://getfirebug.com/html1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />Well, if you've ever wanted to have you're own webpage on the internet, you know that it can be pretty frustrating trying to find out how. What you need to know is that building a page requires knowledge of HTML, which stands for Hyper Text Markup Language. Behind every page is a large amount of code. But what is this code if you don't know what it means?Nothing. It's absolutely nothing, and if you want to make something at the undisputed easiest language on the internet, you should keep reading.I will provide four scripts. Each time I add a new tag to the script, I will explain the new tag just like I did the rest. I used tabs for easier reading.First of all, lets start up with something simple. I'll explain the tags after I'm finished with the code.&lt;html&gt;&lt;body bgcolor=&quot;#C0C0C0&quot;&gt;&lt;title&gt;New HTML Page&lt;/title&gt;&lt;font face=&quot;Verdana&quot; size=&quot;15&quot; color=&quot;red&quot;&gt;&lt;!- The text here is important -&gt;&lt;body&gt;Welcome to my new HTML page. You need no knowledge of HTMLto view this page.&nbsp;It was made by me,&nbsp;(Your Name)&lt;/body&gt;&lt;/font&gt;&lt;/html&gt;Now, lets take it step by step.&lt;html&gt; and &lt;/html&gt;These tags mark the beginning and the end of an HTML document. These documents end with .html or .htm extensions.&lt;body bgcolor=&quot;#hex or color&quot;&gt;This specifies the page's background color. You can either enter a hexidecimal string for the color, or thanks to new upgrades in browsers, just specify a color, such as &quot;red&quot;.&lt;title&gt; and &lt;/title&gt;Mark the beginning and the end of the text located at the top of the browser. Any text is allowed here.&lt;font face=&quot;font&quot; size=&quot;size&quot; color=&quot;color or #hex&quot;&gt; and &lt;/font&gt;This is to specify the type of font used for the text following it. Note that also you can write each &quot;sub-tag&quot; such as &quot;face&quot;, &quot;size&quot;, and &quot;color&quot; as its own tag, like this.&lt;font face=&quot;font&gt; &lt;/font&gt;&lt;font size=&quot;size&quot;&gt; &lt;/font size&gt;&lt;font color=&quot;color or #hex&quot;&gt; &lt;/font color&gt;But you have to close them individually, so it's quicker to just incorporate them into one tag.This is a commentary tag. The text within this tag will not show up on the page, and does not affect this page as long as you close the comment with --&gt; or --!&gt; (the number of underscores does not matter). These tags are used to give the reader of the HTML source accompanying the page he or she is reading some information about the site, such as the author or date of publication.&lt;body&gt; and &lt;/body&gt;Mark the beginning of the body of a document. Not necessary, but are often used to organize the document a little better.&nbsp;A paragraph tag. Each tag inserted creates a new paragraph.&nbsp;A line break. Each tag inserted automatically puts the next text or image at the next line.Now that you know some basic tags, lets get on to a script that's a &quot;step&quot; higher.&lt;html&gt;&lt;body bgcolor=&quot;#800000&quot;&gt;&lt;title&gt;HTML PAGE 2&lt;/title&gt;&lt;font face=&quot;verdana&quot; size=&quot;14&quot; color=&quot;#cccccc&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;body&gt;&nbsp;<img src="http://pic.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />&nbsp;Welcome to my HTML page. If you need to learn more about HTML, click<a href="http://page.html/" target="_blank">here</a>.&lt;/p&gt;&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;&lt;p align=&quot;center&quot;&gt; and &lt;/p&gt;&quot;align&quot; is a &quot;sub-tag&quot; for . It is used to specify the alignment of the text within the new paragraph.<img src="http://pic.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />This inserts an image where it is placed.<a href="http://link.html/" target="_blank"> and </a>This tag inserts a hyperlink. The link is specified in the &quot;href&quot; section of the link, and the text directly after the first tag is closed. After you have already typed the text that you wish to hyperlink and you are ready to end the link, you end the tag, using&lt;/a&gt;.Lets go on to another script.&lt;html&gt;&lt;body bgcolor=&quot;#800000&quot;&gt;&lt;title&gt;HTML PAGE 3&lt;/title&gt;&lt;font face=&quot;verdana&quot; size=&quot;14&quot; color=&quot;#cccccc&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;body&gt;&lt;table&gt;&lt;tr&gt;&lt;td bgcolor=&quot;green&quot;&gt;&lt;marquee&gt;Welcome to my page. It is a page about HTML, but you do not need knowledge of HTMLto view it.&lt;/marquee&gt;&lt;/tr&gt;&lt;/td&gt;&lt;/table&gt;&nbsp;&lt;a href=&quot;page.html&quot;&gt;<img src="http://pic.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />&lt;/a&gt;&nbsp;Welcome to my HTML page. If you need to learn more about HTML, click<a href="http://page.html/" target="_blank">here</a>. Although you may wish to learnmore about HTML, I can only provide so much information, since my website is on limitedspace, and my cheap host only gave me eighty kilobytes.&lt;/p&gt;&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;&lt;table&gt; and &lt;/table&gt;Starts a table. The cells and rows are made with the following.&lt;TR&gt; and &lt;/TR&gt;Specifies a new row.&lt;TD&gt; and &lt;/TD&gt;Specifies a new cell.&lt;marquee&gt; and &lt;/marquee&gt;Starts a marquee. A marquee is a line of text that scrolls across the screen. Some viewers find it annoying, so I put it in its own little table cell to make it look more organized.<a href="http://page.html/" target="_blank"> and </a>style=&quot;text-decoration: none&quot;This specifies that you want the link which you are inserting to have no underline, or text-decoration. Without this, by default, most browsers underline hyperlinks.&lt;html&gt;&lt;style&gt;body {scrollbar-arrow-color: black; scrollbar-base-color: gray}&lt;/style&gt;&lt;body bgcolor=&quot;#800000&quot; text=&quot;#000000&quot; alink=&quot;#000080&quot; link=&quot;#000080&quot; vlink=&quot;#000080&quot;&gt;&lt;title&gt;HTML PAGE 4&lt;/title&gt;&lt;font face=&quot;verdana&quot; size=&quot;14&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;body&gt;&lt;table bordercolor=&quot;gray&quot; bgcolor=&quot;red&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;marquee&gt;Welcome to my page. It is a page about HTML, but you do not need knowledge of HTMLto view it.&lt;/marquee&gt;&lt;/tr&gt;&lt;/td&gt;&lt;/table&gt;&nbsp;&lt;a href=&quot;page.html&quot;&gt;<img src="http://pic.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />&lt;/a&gt;&nbsp;Welcome to my HTML page. If you need to learn more about HTML, click<a href="http://page.html/" target="_blank">here</a>. Although you may wish to learn more about HTML, I can only provide so much information, since my website is on limited space, and my cheap host only gave me eighty kilobytes.&lt;/p&gt;&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;&lt;body&gt; and &lt;/body&gt;text=&quot;color or #hex&quot; =Specifies the color of plain text for the whole page.alink=&quot;color or #hex =&quot;Specifies the color of the active links for the whole page.link=&quot;color or #hex&quot; =Specifies the color for the regular links for the whole page.vlink=&quot;color or #hex&quot; =Specifies the color for the visited links for the whole page.&lt;table&gt; and &lt;/table&gt;bordercolor=&quot;color or #hex&quot; =Specifies the border color for the table.bgcolor=&quot;color or #hex&quot; =Specifies the background color for the table.&lt;td&gt; and &lt;/td&gt;bgcolor=&quot;color or #hex&quot; =Specifies the background color for that specific cell.&lt;html&gt;&lt;style&gt;body {scrollbar-arrow-color: black; SCROLLBAR-BASE-COLOR: gray}&lt;/style&gt;&lt;body bgcolor=&quot;#800000&quot; text=&quot;#000000&quot; alink=&quot;#000080&quot; link=&quot;#000080&quot; vlink=&quot;#000080&quot;&gt;&lt;title&gt;HTML PAGE 4&lt;/title&gt;&lt;font face=&quot;verdana&quot; size=&quot;14&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;body&gt;&lt;table bordercolor=&quot;gray&quot; bgcolor=&quot;red&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;marquee&gt;Welcome to my page. It is a page about HTML, but you do not need knowledge of HTMLto view it.&lt;/marquee&gt;&lt;/tr&gt;&lt;/td&gt;&lt;/table&gt;&nbsp;&lt;a href=&quot;page.html&quot;&gt;<img src="http://pic.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />&lt;/a&gt;&nbsp;Welcome to my HTML page. If you need to learn more about HTML, click<a href="http://page.html/" target="_blank">here</a>. Although you may wish to learn more about HTML, I can only provide so much information, since my website is on limited space, and my cheap host only gave me three kilobytes.&lt;/p&gt;&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;The last, and certainly least thing we are going to talk about are comments. These tags are a waste of bytes really; all they do is give the reader of the source information about it. They do not show up on the finished product.= HTML Generators =HTML Generators are programs that allow you to design a page, and while you design it, the HTML for whatever you add to the page is generated. Such programs include ********* Frontpage and Dreamweaver.I use Frontpage a lot simply because it saves time. Opening up notepad and writing an entire site can be timely, while Frontpage is efficient and quick.I hope this guide helped you learn a little about HTML. For all you HTML masters, we all forget things sometimes and need a reference guide.</blockquote>

[QUOTE="||~DxxCxxxx~||, post: 3454023, member: 137393"] [b]Quick guide to HTML[/b] [IMG]http://getfirebug.com/html1.gif[/IMG] Well, if you've ever wanted to have you're own webpage on the internet, you know that it can be pretty frustrating trying to find out how. What you need to know is that building a page requires knowledge of HTML, which stands for Hyper Text Markup Language. Behind every page is a large amount of code. But what is this code if you don't know what it means? Nothing. It's absolutely nothing, and if you want to make something at the undisputed easiest language on the internet, you should keep reading.I will provide four scripts. Each time I add a new tag to the script, I will explain the new tag just like I did the rest. I used tabs for easier reading. First of all, lets start up with something simple. I'll explain the tags after I'm finished with the code. <html> <body bgcolor="#C0C0C0"> <title>New HTML Page</title> <!- The text here is important -> <body> Welcome to my new HTML page. You need no knowledge of HTML to view this page. It was made by me, (Your Name) </body> </html> Now, lets take it step by step. <html> and </html> These tags mark the beginning and the end of an HTML document. These documents end with .html or .htm extensions. <body bgcolor="#hex or color"> This specifies the page's background color. You can either enter a hexidecimal string for the color, or thanks to new upgrades in browsers, just specify a color, such as "red". <title> and </title> Mark the beginning and the end of the text located at the top of the browser. Any text is allowed here. and This is to specify the type of font used for the text following it. Note that also you can write each "sub-tag" such as "face", "size", and "color" as its own tag, like this. But you have to close them individually, so it's quicker to just incorporate them into one tag. This is a commentary tag. The text within this tag will not show up on the page, and does not affect this page as long as you close the comment with --> or --!> (the number of underscores does not matter). These tags are used to give the reader of the HTML source accompanying the page he or she is reading some information about the site, such as the author or date of publication. <body> and </body> Mark the beginning of the body of a document. Not necessary, but are often used to organize the document a little better. A paragraph tag. Each tag inserted creates a new paragraph. A line break. Each tag inserted automatically puts the next text or image at the next line.Now that you know some basic tags, lets get on to a script that's a "step" higher. <html> <body bgcolor="#800000"> <title>HTML PAGE 2</title> <body> [img]pic.gif[/img] Welcome to my HTML page. If you need to learn more about HTML, click [URL="http://page.html/"]here[/URL]. </body> </html> and "align" is a "sub-tag" for . It is used to specify the alignment of the text within the new paragraph. [img]pic.gif[/img] This inserts an image where it is placed. [URL="http://link.html/"] and [/URL] This tag inserts a hyperlink. The link is specified in the "href" section of the link, and the text directly after the first tag is closed. After you have already typed the text that you wish to hyperlink and you are ready to end the link, you end the tag, using </a>. Lets go on to another script. <html> <body bgcolor="#800000"> <title>HTML PAGE 3</title> <body> <table> <tr><td bgcolor="green"> <marquee>Welcome to my page. It is a page about HTML, but you do not need knowledge of HTML to view it.</marquee></tr></td></table> <a href="page.html"> [img]pic.gif[/img] </a> Welcome to my HTML page. If you need to learn more about HTML, click [URL="http://page.html/"]here[/URL]. Although you may wish to learn more about HTML, I can only provide so much information, since my website is on limited space, and my cheap host only gave me eighty kilobytes. </body> </html> <table> and </table> Starts a table. The cells and rows are made with the following. <TR> and </TR> Specifies a new row. <TD> and </TD> Specifies a new cell. <marquee> and </marquee> Starts a marquee. A marquee is a line of text that scrolls across the screen. Some viewers find it annoying, so I put it in its own little table cell to make it look more organized. [URL="http://page.html/"] and [/URL] style="text-decoration: none" This specifies that you want the link which you are inserting to have no underline, or text-decoration. Without this, by default, most browsers underline hyperlinks. <html> <style> body { scrollbar-arrow-color: black; scrollbar-base-color: gray } </style> <body bgcolor="#800000" text="#000000" alink="#000080" link="#000080" vlink="#000080"> <title>HTML PAGE 4</title> <body> <table bordercolor="gray" bgcolor="red"> <tr><td> <marquee>Welcome to my page. It is a page about HTML, but you do not need knowledge of HTML to view it.</marquee></tr></td></table> <a href="page.html"> [img]pic.gif[/img] </a> Welcome to my HTML page. If you need to learn more about HTML, click [URL="http://page.html/"]here[/URL]. Although you may wish to learn more about HTML, I can only provide so much information, since my website is on limited space, and my cheap host only gave me eighty kilobytes. </body> </html> <body> and </body> text="color or #hex" =Specifies the color of plain text for the whole page. alink="color or #hex ="Specifies the color of the active links for the whole page. link="color or #hex" =Specifies the color for the regular links for the whole page. vlink="color or #hex" =Specifies the color for the visited links for the whole page. <table> and </table> bordercolor="color or #hex" =Specifies the border color for the table. bgcolor="color or #hex" =Specifies the background color for the table. <td> and </td> bgcolor="color or #hex" =Specifies the background color for that specific cell. <html> <style> body { scrollbar-arrow-color: black; SCROLLBAR-BASE-COLOR: gray } </style> <body bgcolor="#800000" text="#000000" alink="#000080" link="#000080" vlink="#000080"> <title>HTML PAGE 4</title> <body> <table bordercolor="gray" bgcolor="red"> <tr><td> <marquee>Welcome to my page. It is a page about HTML, but you do not need knowledge of HTML to view it.</marquee></tr></td></table> <a href="page.html"> [img]pic.gif[/img] </a> Welcome to my HTML page. If you need to learn more about HTML, click [URL="http://page.html/"]here[/URL]. Although you may wish to learn more about HTML, I can only provide so much information, since my website is on limited space, and my cheap host only gave me three kilobytes. </body> </html> The last, and certainly least thing we are going to talk about are comments. These tags are a waste of bytes really; all they do is give the reader of the source information about it. They do not show up on the finished product. = HTML Generators = HTML Generators are programs that allow you to design a page, and while you design it, the HTML for whatever you add to the page is generated. Such programs include ********* Frontpage and Dreamweaver. I use Frontpage a lot simply because it saves time. Opening up notepad and writing an entire site can be timely, while Frontpage is efficient and quick. I hope this guide helped you learn a little about HTML. For all you HTML masters, we all forget things sometimes and need a reference guide. [/QUOTE]

Verification

Awruddata maasa keeyada?

Search

Latest ads

Reply to thread