Web Design / Web-Master

Introduction to Web Design / Web-Master

Web Design / Web-Master | The Internet is a large source of Web Design Tutorials, some correct and some are not. Since HTML, CSS, PHP, JavaScript, etc may be foreign to a newbie, he may be quite unsure of what he is learning. To make matters worse, most tutorials do not have a FUNCTIONAL interactive medium where questions can be asked and answered.

Facts About Web Design / Web-Master

 

The problem will be solved if a platform is created to treat web design tutorials and at the same time deal with questions posted by users. This is where the thread comes in. This thread will treat Web tutorials on HTML, CSS, PHP, JavaScript, and so on. These tutorials will be posted DIRECTLY HERE on the thread. Problems / Questions can also be posted and since this is an open platform, it may be answered by fellow Nairalanders who have had experience in our local market. All you have to do is sit back, visit the thread, read the posts, ask questions (if any), contribute to or debunk posted tutorials. And you do all of this without even leaving Nairaland! How easier can it be? Let’s set the ball rolling!!

 

HTML

Brief History of HTML

HTML was developed by Tim Berners Lee in 1991. It underwent several modifications into HTML+, HTML 2.0, HTML 3.2, HTML 4.01, HTML 1.0 and (most recently) HTML 5. HTML standards are maintained by the W3C (World Wide Web Consortium).

HTML (Hyper-Text Markup Language) is a type (and most common) of markup language. A markup language is a set of markup tags used to define a document to be rendered by a Web browser. NOTE: HTML is not a programming language. HTML tags are keywords in angular brackets <> that come in pairs. The first of the pair is called the opening or start tag. The second is called the closing or end tag. The end tag always has a forward slash / before it. Example: <opening tag> </closing tag> HTML elements are everything between the opening and closing tag including the tag itself.

Example: <opening tag> Content</closing tag> The compilation of HTML elements used in different ways makes up an HTML document. The HTML document is then interpreted by a Web Browser (e.g. Google Chrome, Internet Explorer, Mozilla Firefox, e.t.c) into visual and audio content that is understood by the browser. In other words, the web browser does not display the HTML tags itself but the interpretation.

Writing HTML
For you to begin the art of HTML writing, you need a text editor. Windows Operating System (OS) users can use Notepad which is already pre-installed with the OS.
TIP: I personally recommend Notepad++ because it displays the code in a colored form, making it easier to read and understand. It is also free but has to be downloaded. Search with Google to find a website to download it from. Mac OS users can use Text Edit as well. In addition to these, there are professional web editors that allow you to create a website visually without coding HTML tags manually. Popular ones include Adobe’s Dreamweaver and CoffeeCup HTML Editor. However, it is advisable to do without professional web editors now as it will not help you gain mastery over HTML.

The Summary of HTML Syntax
NOTE: Syntax in this context simply means the way the elements are arranged.
A) An HTML element consists of:
a-The opening tag
b-The element content
c- The closing tag
Syntax: <opening tag> element content </closing tag>

B) Some HTML elements do not have contents and are called empty elements. They have only the start tag and the forward slash. This is the only time when the / is in the start tag.

C) HTML elements can have attributes that make the element-specific. They have a value written in double quotation marks. It gives information on how the attribute qualifies the element. All are written in the opening tag.
Syntax: < opening tag attribute:”value”> content </closing tag> Examples will be given later and you’ll see how they work. HTML elements and their attributes should be written in lower case.

Leave a Reply

Your email address will not be published. Required fields are marked *