Posted on Leave a comment

A Primer To HTML

[callaction url=”https://www.youtube.com/user/JPlaya01″ background_color=”#333333″ text_color=”#ffffff” button_text=”Go Now” button_background_color=”#e64429″]Subscribe To My Youtube Page[/callaction]

What Is HTML?

HTML is short for Hyper Text Markup Language. It is the language that describes web pages. Every web page is made up of HTML if you don’t believe me right-click on any webpage and select “view source”; You will see the HTML that makes up that particular page. HTML consists of tags usually in the form of <tag>CONTENT </tag>. Below is an example of a minimum HTML document or webpage


<!DOCTYPE html>


<html>


<head>
<title> My First Webpage! </title>
</head>
<body>
HELLO WORLD!
</body>
</html>

 

If you copy and paste that into an empty document and save it as index.html. Now launch your web browser of choice and open the file you just created. You should see the words “HELLO WORLD!” pop up on the screen with a title of “My First Webpage”. Now let’s break down what each tag means

  • The <!DOCTYPE html> declaration defines this document to be HTML5
  • The text between <html> and </html> describes an HTML document
  • The text between <head> and </head> provides information about the document
  • The text between <title> and </title> provides a title for the document
  • The text between <body> and </body> describes the visible page content

A simple way I like to think about it is the head section is used by the browser and search engines, where the content of the body is what the user of the browser will see and interact with.

Useful Tags

HTML has hundreds of tags, the vast majority of which you will probably never use, however here are a few you should get really familiar with.

  • <p> – Defines a paragraph
  • <h1> to <h6> – Define headings with h1 being the most important heading, to h6 being the least
  • <a href=”http://someurl”> – Defines a link tag where href= the remote link
  • <img src=”/link/to/image”> – Defines an image
  • <video src=”/link/to/video”> – Defines a video
  • <audio src=”/link/to/audio”> – Defines an audio source

Of course you have full range to look at all the tag definitions here. Next we will create a simple about me page, utilizing git in the process! So if you aren’t familiar with git you should start here. Also don’t forget if you haven’t already subscribe to my blog via email to get real-time updates on whenever I post! Be sure to leave comments below they are greatly appreciated!

Leave a Reply