(How To) Coding 101™ |
---|
It has been requested that a simple blog be made on Coding and the ways it can be implemented on Fubar.com. Those that don't know what Coding is or stands for this blog will give its outline and show some examples (possibly live) on different areas of Fubar.com. Coding mainly stands for Hyper Text Markup Language (or HTML for short) and can also stand for Cascading Style Sheet (or CSS for short). Each of these elements work to keep a page stable among every browser that has either been or will ever be. There is other forms of coding but HTML and CSS are the only allowed forms on Fubar.com so this blog will only focus on these two forms. Also don't forget there is four different browser engines that have there own implementations of the code that is published (these engines being Gecko, Trident, Webkit/KHTML, Text and Presto). This blog will be in concordance with my blogs listed below: - (How To) Create Bulletins Coding With HTML Webpages Hyper Text Markup Language (or HTML for short) is mostly used to build a foundation for a website (ex. Fubar.com uses HTML to build a structure for the webpage this blog is listed on). There are different forms of HTML to which some are in the process of being published or has been published on a website named W3.org. There is also different styles HTML can be formed (many of which have just been introduced with HTML 5.0) that either replace or totally take over its older counterpart. There are many different websites that offers tutorials into HTML and how its implemented and some of these tutorials will also give live animation so you can do it yourself as you make your own HTML content. HTML Examples Some examples of what HTML will look like will be listed below with a link to a website that will allow you to test how HTML is implemented.
Here is the same example above in its coded form <div style="border: 2px solid rgb(248,248,255);"> <table align="center" style="padding: 5px; background-color: gray;"> <tr> <td style="background-color: rgb(248,248,255); border: 1px solid rgb(0,0,0);color: rgb(0,0,0);">This is an example of a table with a style</td> </tr> </table> </div> This Text Is Being Used By A Style <p style="color: rgb(0,255,0); font-size: 16pt; text-decoration: underline blink; font-family: Gabriola;">This Text Is Being Used By A Style</p> If you would like to do some test with the above content (adding your own html styles) make sure to check out HTML Dog(The HTML Portion). Coding With CSS Styles Cascading Style Sheet (or CSS for short) is what is known as the puddy that holds a structure in its place (like a brick office or nails on the walls). Basically CSS is implemented into HTML as a style (ex. <p class="example_class" style="font-size: 8pt; font-weight: bold;">) and is generated to be used with an associated class (as shown in the examples below). CSS Examples If you would like to do some test with the above content (adding your own css class & styles) make sure to check out HTML Dog(The CSS Portion). <div id='middle_header_panel' class="topheader_box_wrapper" style="display:block"> <div class='outer_wrapper clearfix'> <div style="width: 350px;" id="headerbar_feed" class="fubar_module headerbar_module feed"> <div class="header with_graphic"> <div class="wrap clearfix"> <div class="title">My Live Feed</div> <div class="options" style="position: relative; top: -5px; right: -7px;"> <a href="/bartab_filter.php?type=mini" style="color: rgb(248,248,255);">Edit</a> <a href="/myalerts.php" style="color: rgb(248,248,255);">See All</a> </div> </div> </div> <div class="body"> <div id="alert_notify" style="display:none;"></div> <div id="alert_box_scroll"> <div class="alert_row_wrapper"> <div class="alert_msg">· <a class="link_salute">Username Here ...</a> This is were notifications come in!</div> </div> </div> </div> </div> </div> </div> This Text Color Is Controlled By A CSS Selector <a class="link_userbox_moderator">This Text Color Is Controlled By A CSS Selector</a> In Conclusion, both classifications need each other to keep its structure on any browser that a member may use. For those that still need answers on what HTML and CSS stands for can use any search engine they prefer (each search engine gives different results). Also there are many different websites that offer tutorials that can help members learn not only HTML and CSS but can also teach them other programs like C++, Personal Home Page (or PHP for short) and Javascript. For those that do wish to learn more about coding make sure you upgrade your computers Notepad to a better suiting NotePad++ that has many different languages for members to code with. If you have any further questions, comments, concerns or anything I can add / change to this blog to give a better sense based on this topic |
© This blog is subject to change at any given time © This blog does have a copyright notice and cannot be copied unless given permission by its owner | |||||
|