HTML

Samruddha Prabhu
1 min readJan 2, 2021

--

HTML skeleton

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>

<p></p> -paragraph tag

<h1></h1>, h2,h3,h4,h5,h6 — different size texts

<ol></ol> -ordered list

<ul></ul> -unordered list

Anchor tag

Clicking on the content inside anchor tag take us to the link.

<a href=”https://google.com”>Go to Google</a>

target=”_blank” to open link in new tab

<a href=”https://example.com” target=”_blank”>Open Example in New Tab</a>

iFrames(inline Frames)

Rectangular region within document in which the browser can display a separate document, including scrollbars and borders. An Inline frame is used to embed another document within the current HTML document.

<iframe src="https://ide.geeksforgeeks.org/tryit.php"height="300" width="400" style="border:none;"></iframe>

image tag / video tag / audio tag

src -specifies the path of the image

alt -specifies alternate text for the image, if the image for some reason cannot be displayed.

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600"/>

video tag

<video preload="auto" loop autoplay width="600" controls src="media/video.mp4"></video>

audio tag

<audio controls src="media/audio.mp3></audio>

input tag

<input/> tag species an input field where user can enter data.

<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

No responses yet

Write a response