HTML Images Tutorial – img Tag, src, alt, Size, SEO & Figure Figcaption

HTML Introduction

Topics Covered: HTML Introduction

What is HTML?

HTML stands for -

H = Hyper

T = Text

M = Markup

L = Language

HTML is a markup language which is used to create a web pages. HTML consists of so many html elements e.i tags, which form a web page structure.

HTML is very commonly used markup language which describe and define the web page and its various elemnts. It is consist of series of elements which allow the browser to display these.

Sample format of HML document.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>

<meta name="" content=""/>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

HTML document is formed to organisely putting up within the HTMl tags like

. There are many HTML tags which are given below which are commonly used.

HTML

 

We work in body. All design box and styles are apply on Body elements e.i tags

Examples Of A Common HTML Doc

Documnet Name Goes Here

My Website

  • Home
  • About
  • Contact
  • Blog
  •  
    Body Contents goes Here. All Design divs column. Sidebar articles and And all texts.
       

    Common HTML Tags:

    Tags Description
    <!-- xxx --> Comments
    <!DOCTYPE HTML> This tag is used for specify the document
    <html> This tag is main html tag which content all tag within itself.
    <title> title tag is used for the specify the name of document title name.
    <meta> There are others so many meta tag are used like specify the description keywords robots etc
    <link> link tag is used to attach the other types of file to html documents. like css external stylesheet file
    <script> script tag is used to write the javascript and jquery code.
    <style> style tag is used f to write the css style for design color, width, hight, positions and other properties of elements.
    <body> body tag is the main tag for content where we placed the text image and videos etc.
    <div> div is used as container of any blocks.
    <article> article is also used as div but especially it define the article
    <section> Defines a section in a document
    <p> p is used for paragraphs
    <strong> strong is used for bold text.

    Testimonials

    User 1

    "ATP Web Creation transformed our online presence with amazing design and effective strategies. Highly recommended!"

    John Doe

    CEO, ExampleCorp
    User 2

    "The tutorials and latest web technology updates are invaluable for learners and professionals alike."

    Jane Smith

    Web Developer
    User 3

    "Excellent service, responsive design, and cutting-edge solutions. ATP Web Creation is my go-to for IT solutions."

    Mike Johnson

    Freelancer
    1. ATP Web Creation kis tarah ki website banata hai?
    Hum business, portfolio, educational aur custom tool-based websites banate hain — har project client ke goal ke hisaab se tailor-made hota hai.
    2. Website responsive hone ka kya matlab hai?
    Responsive website har screen size — mobile, tablet aur desktop — par perfect layout dikhata hai, bina zoom ya scroll ke.
    3. Kya ATP Web Creation SEO-friendly websites banata hai?
    Haan, hum har site me on-page SEO, sitemap aur meta optimization integrate karte hain jisse ranking aur visibility dono improve hoti hain.
    4. Custom tool development service me kya include hai?
    Custom tool development me hum aapke business ke hisaab se PHP-based web tools (jaise link scanner, sitemap generator, text editor) create karte hain.
    5. Website ke saath hosting aur domain setup bhi milta hai kya?
    Haan, hum domain aur hosting setup me bhi help karte hain — chahe aapke paas existing provider ho ya naya account banana ho.
    6. Kya website ko baad me edit kar sakte hain?
    Bilkul, har site ko editable banaya jata hai — aap khud changes kar sakte hain, ya hum maintenance plan ke through support dete hain.
    7. Website banne ke baad support milta hai kya?
    Haan, hum post-launch support aur technical maintenance dono provide karte hain taaki aapka website smooth chale.
    8. Kya aap WordPress ya custom PHP site banate hain?
    Dono! Hum WordPress CMS aur pure PHP custom websites dono banate hain — requirement aur scalability ke hisaab se recommend karte hain.
    9. Website ka loading speed kitni important hai?
    Page speed SEO aur user experience dono ke liye critical hai. Hum lightweight code aur optimized images se speed improve karte hain.
    10. Website development start karne ke liye kya process follow hoti hai?
    Pehle requirement discussion hoti hai, fir layout design, coding, testing aur final delivery — poori process transparent aur stepwise hoti hai.