• Reach Outinfo@sheleadsdigital.org
  • Attend Our EventsView Upcoming Events

Getting Started with HTML Summer Revision - She Leads Digital

 INTRODUCTION TO HTML

 You may have at a certain point come across the term HTML while operating your web browser, either on your phone or personal computer, but do you really know what it means? Do you have any knowledge whatsoever of its functions? If yes, good for you, you can actually still learn more. If no, it’s not too late. This article is poised to give you a simple understanding of HTML and its diverse functions.

So what is the term HTML?

 Hypertext markup language, which is mostly referred to as HTML, is not a programming language as you may have been told; it is actually a markup language that defines how your contents are structured. It is made up of several elements which you use to wrap various parts of the content in order to make it act a specific way or appear a specific way.

HTML elements are actually the building blocks of HTML pages. With the aid of HTML constructs, you can integrate images and other objects like interactive forms into the rendered page. HTML provides you with the perfect way to make structured documents by indicating structural semantics for texts like headings, links, quotes, lists, paragraphs, and other various items.

As a programmer, without a deep knowledge of HTML, you won’t be able to build websites. So if you are an aspiring web developer or a programmer, you must have a broad knowledge of this term.

 Hypertext markup language elements are demarcated by tags written by utilizing brackets and angles. You must have probably stumbled upon tags like <img/> and <input/>, yes, these incoherent tags are used to directly introduce contents into a page.

  Tags like <p> surround and provide information about document text and probably add other tags as sub-elements. You don’t often find these tags in browsers but one thing you should know is that your browsers use them to interpret the content of a page. The simplest tags do nothing more than include formats to some text, for instance:

                          <b> these words will be bold</b>, and these will not.

 In the above-mentioned example, the <b> tags were enclosed around some text, and their effect will be that the enclosed text will be bolded when you view it through an ordinary web browser. Aside from the <b> tag, there exist various types of tags with diverse functions. You can also use these enclosing tags to make an image or word hyperlink to appear somewhere else, to italicize words, and make the font bigger or smaller, whichever suits you, and so on.

For instance, take a look at the following line of content.

1) My dog is sick

 If you want the line to stand alone, you could indicate that it is a paragraph by wrapping it in a paragraph tag.

<p> my dog is sick </p>

 As depicted, <p> indicates that whatever follows should be in a paragraph. The corresponding end tag </p> signifies that the browser should terminate the paragraph.

HOW IS HTML STRUCTURED?

 HTML PAGE STRUCTURE

An HTML page contains a very basic structure. This structure contains elements like head, title, body..etc, that makes up a page. Having a broad knowledge of these elements will enable you build the blocks of web pages.

<Doc type!html> : You can use this tag to determine the HTML version. For instance, the above-mentioned currently tells that the version is HTML 5.

<html>: This is referred to as the HTML root element and this can be used to enclose all the codes.

<head>: Head tag contains title, metadata, page CSS, etc. All HTML elements that can be utilized inside the <head> element are:

<style>

• < title>

• <base>

• <no script>

• <script>

• < Meta>

< body>: You can use this feature to enclose all the data which a webpage has, ranging from texts to links. All of the content that you see rendered on your browser is all present within this element.

Example: Creating an HTML page is quite easy. You can create one using your personal computer or any text editor like notepad. Then stir the file using .htm or .html extension and proceed to open it young a browser. It will certainly get the HTML page response, if you followed the correct procedure, of course. Below is a basic and easy-to-understand example.

<!DOCTYPE html>

<html>

<head>

<title>demo web page</title>

<style>

h1 { color:#009900;font-size:46px;}

p {font-size:17px;margin-top:-25px;margin-left:15px;}

</style>

</head>

<body>

<h1> She Leads Digital</h1>

<p> educate enable empower</p>

</body>

</html>

 If you followed the above-mentioned procedure properly, your output should be:

                                                    She Leads Digital

                                              Educate Enable Empower

 Having had a little insight of the HTML language, its best you have knowledge of its important function.

HERE IS THE WONDERFUL FUNCTION OF HTML

• It is used to build websites

• It is used to create web applications

• It is used for internet navigation

• It is used for creating images on web pages

• Development of games

HTML is quite easy to learn compared to other languages. Once you become conversant with the necessary basics such as the tags, elements, etc., you’ll discover that your curiosity level with regards to this language will be increased and you’ll be more eager to know more. Remember, you don’t really need a personal computer to create an HTML page, with a smartphone and the right knowledge, you are good to go!


error: Content is protected !!