HTML : FOR EVERY WEBSITE

According to Wikipedia, A website (web site) is a collection of web pages and related content identified by a common domain name and published on at least one web server. Examples of notable websites are Google, Facebook, Amazon, and Wikipedia.

HTML?

HTML (HyperText Markup Language), According to Hostinger, It allows web users to create and structure sections, paragraphs, and links using elements, tags, and attributes. However, it’s worth noting that HTML is not considered a programming language as it can’t create dynamic functionality. For example: TechVarsity.com.ng, udemy.com, andela.com, and others.

Every website is a collection of web pages, so it should come as no surprise that your journey to build a complete site starts here, with the writing of a single web page.

Technically, a web page is a special type of document written in a computer language called HTML (that’s short for HyperText Markup Language). Web pages are written for web browsers — programs like Internet Explorer, Google Chrome, and Safari. These browsers have a simple but crucially important job: they read the HTML in a web page document and display the perfectly formatted result for you to read.

This chapter will introduce you to HTML. You’ll see how a basic web page works and learn how to create one of your own. For now, you’ll be working with web pages you store on your computer, visible only to you. Later on, in Chapter 9, you’ll learn to put web pages online so anyone with a web connection can see them.

HTML: The Language of the Web

HTML is the single most important standard in web design — and the only one that’s absolutely required if you plan to create a web page. Every web page is written in HTML. It doesn’t matter whether your page contains a series of blog entries, a dozen pictures of your pet lemur, or a heavily formatted screenplay — odds are that, if you’re looking at it in a browser, it’s an HTML page.

HTML plays a key role in web pages: It tells browsers how to display the contents of a page, using special instructions called tags that tell a browser when to start a paragraph, italicize a word, or display a picture. To create your own web pages, you need to learn to use this family of tags.

HTML is such an important standard that you’ll spend a good portion of this book digging through its features, frills, and occasional shortcomings. Every web page you build along the way will be a bona fide HTML document.

Open an HTML File

On the inside, an HTML page is actually nothing more than a plain-vanilla text file. That means that the raw code behind every web page you create will consist entirely of letters, numbers, and a few special characters (like spaces, punctuation marks, and everything else you can spot on your keyboard).

Here’s one of the secrets of web page writing: You don’t need a live website to start creating your own web pages. That’s because you can easily build and test pages using only your own computer. In fact, you don’t even need an Internet connection. The only tools you need are a basic text editor and a standard web browser.

Your Text Editor

A text editor lets you create or edit an HTML file (in a window like the one you can see above). Even many professional web designers stick with simple text-editing tools. There are plenty of fancier editing tools that are designed specifically for editing websites, but you don’t actually need any of them. And if you start using them too soon, you’re likely to end up drowning in a sea of extra frills and features before you really understand how HTML works.

WHY HTML IS A MUST FOR EVERY WEBSITE

HTML plays a key role in web pages. An HTML page is actually nothing more than a plain-vanilla text file. That means that the raw code behind every web page you create will consist entirely of letters, numbers, and a few special characters (like spaces, punctuation marks, and everything else you can spot on your keyboard).

HTML Semantics element gives meaning or introduces meaning to the web page. They make people know what the tags are and computers understand how to display them on the web page.

Note: We have Semantic and Non-semantics elements

HTML Tags (Container Tags and Empty Tags). Examples.

Container Tags

<h1> — <h6> </h1> — </h6>: is for Heading Tag

<p></p> : for Paragraph Tag

<div></div>: for A container for a block of content

<span></span>: A container for in-line content, such as content inside a paragraph.

<! — — !>: to Comment.

<em></em>: to Gives the contained text emphasis (usually as italics).

<strong></strong>: to Makes the contained text bold.<a href = “document location”></a>Link

<ol></ol>: to Ordered (numbered) list

<ul></ul>: Unordered (bulleted) list

<li></li>: List item, must be nested inside a list element such as a <ol> or <ul>

<html> </html> : for Html Doc declaration

<head> </head> : for head tag

<title> </title> : for Page title tag

<body></body> : for Body tag

<I></I> : to italic the text

Empty Tags

<img src =”image location” alt=”alternate text” />Inserts an image into a web page.

<area>
<base>
<br>: for Line break
<col>
<colgroup>:to know when the span is present
<hr>: for line
<input> : to collect data
<keygen>
<link> : to embed link
<meta> : for metadata

Thank you