LEARNING HTML: BECOME A WEB DEVELOPER

in #steemstem6 years ago (edited)

Hello Steemians!!! Am going to take you through some basic knowledge of HTML first before we proceed further into this learning program. HTML means HYPER-TEXT MARKUP LANGUAGE, It is a programming language used to design web pages. So, in order to learn how to write web pages, it is very essential to understand how to structure documents. In this write-up you will:

  • See how HTML describes the structure of a web page
  • Learn how tags or elements are added to your document
  • Write your first web page
    HTML DESCRIBES THE STRUCTURE OF A WEB PAGE
    html.png
    In the picture of the browser window above, you can see a web page that features exactly the content as the HTML code below. To describe the structure of a web page, we add code to the words we want to appear on the page. You can see the HTML code for this page below.

<html>
<head>
<title> </title>
</head>
<body>
<h1 >This is the Main Heading </h1>
<p>This text might be an introduction to the rest of the page.</p>
<h2> A sub-Heading</h2>
<p> Another paragragh .</p>
<h2>Another Sub-Heading </h2>
<p> Here you can see another paragraph. </p>
</body>
</html>

The HTML code (inside angled brackets) is made up of characters and these are called HTML elements. Each element is made up of two tags: an opening tag and a closing tag with an extra forward slash. Each HTML element tells the something about the information that sits between its opening and closing tags.

<body> : Everything inside this element is shown inside the main browser window.

<head> : This contains information about the page.

<title> : You will usually find it inside the <head> element. Its contents are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page.

For practice, you can use notepad or any other text editor to write the code and save the file with extension ".html" i.e. web.html and after saving the file, you can open it with any browser and your browser window will have the content as the picture above. Thank you for reading this and don't forget to resteem and upvote as this will encourage more so as to continue with this program. Don't forget to comment if you have any problem while trying to run the code.

Sort:  

Source
There is reasonable evidence that this article has been spun, rewritten, or reworded. Repeatedly posting such content is considered spam.

Spam is discouraged by the community, and may result in action from the cheetah bot.

More information and tips on sharing content.

If you believe this comment is in error, please contact us in #disputes on Discord

Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:
https://quizlet.com/72715670/html-text-flash-cards/

Dam, you plagiarised!

Congratulations @lordchosen! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 1 year!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!