Basics of HTML

jainalok2100
Jul 25, 2017 · 1 min read

HTML stands for Hyper Text Markup Language.

Basic HTML Format

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”/>

<title>Test</title>

(Incase of internal CSS)

<style type=”text/css”>

</style>

</head>

<body>

Remaining everything which helps to build the webpage, comes into the body tag.

</body>

</html>

Tags and their uses

<br> = Line-break

<hr> = Horizontal ruler

<p> = Paragraph

<h1> to <h6> = Headers (h1 is highest in font size and h6 is lowest)

<strong> = bold

<em> = Italic

<!-- Comment--> = Comment

<ul> = Unordered list

<ol> = Ordered list

<li> = List item

<a> = Anchor

<img> = Image

<audio> = Audio

<video> = Video

Sample for linking a webpage.

<a href=”page_name”>go to second page</a>

<a href = webpage url>google</a>

Sample for how to use img tag

<img src=”directory structure/Hopetoun_falls.jpg” alt=”nature” width=”100%” height=”100%”/>

Sample for how to use audio tag

<audio controls autoplay loop>

<source src=”audio.mp3” type=”audio/mpeg”/>

<source src=”audio.ogg” type=”audio/mpeg”/> (in case some browser not supporting mp3)

</audio>

Sample for how to use video tag

<video width=”640px” height=”360px” controls autoplay loop>

<source src=”video.mp4” type=”video/mp4”/>

</video>

— Alok@uiuxspecialist.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade