UrbanPro
✕
Loading

Verifying payment...

tickYou have successfully registered

HTML Basics – Building the Web from Scratch by Anil Kumar

LIVE

Tue, 23 Dec

Class
starts in

00

Days

01

Hour

01

Min

01

Sec

This is a Paid Masterclass

Amount Payable: ₹29

Pay ₹29 & Register No, not right now

Do you want to Register for this Free class?

Yes, Register No, not right now

Tell us a little more about yourself

✕
Loading

Verifying payment...

HTML Basics – Building the Web from Scratch by Anil Kumar

Anil Kumar picture
LIVE

Tue, 23 Dec

Class
starts in

00

Days

01

Hour

01

Min

01

Sec

Please enter Student name

Please enter your email address.

Please enter phone number.

tickYou have successfully registered

HTML Basics – Building the Web from Scratch by Anil Kumar

Anil Kumar picture
LIVE

Tue, 23 Dec

Class
starts in

00

Days

01

Hour

01

Min

01

Sec

Tell us a little more about yourself

true

HTML Basics – Building the Web from Scratch

LIVE
3 Hours

Register Now

- OR -

Course offered by Anil Kumar

0 review

By the end of this class, students will be able to:

  1. Understand the structure and purpose of HTML.

  2. Create simple web pages with headings, paragraphs, lists, images, and links.

  3. Understand and use basic HTML tags and attributes.

  4. Build a basic personal or project webpage.

Topics Covered:

  1. Introduction to HTML

    • What is HTML?

    • How the web works: Browser + HTML + CSS + JavaScript

    • Understanding tags, elements, and attributes

  2. Basic Structure of an HTML Page

    • , , </code>, <code data-start="1003" data-end="1011"><body></code></p> </li> </ul> </li> <li data-start="1015" data-end="1155"> <p data-start="1018" data-end="1044"><strong data-start="1018" data-end="1042">Text Formatting Tags</strong></p> <ul data-start="1048" data-end="1155"> <li data-start="1048" data-end="1078"> <p data-start="1050" data-end="1078">Headings: <code data-start="1060" data-end="1066"><h1></code> to <code data-start="1070" data-end="1076"><h6></code></p> </li> <li data-start="1082" data-end="1103"> <p data-start="1084" data-end="1103">Paragraphs: <code data-start="1096" data-end="1101"><p></code></p> </li> <li data-start="1107" data-end="1155"> <p data-start="1109" data-end="1155">Bold, italic, underline: <code data-start="1134" data-end="1139"><b></code>, <code data-start="1141" data-end="1146"><i></code>, <code data-start="1148" data-end="1153"><u></code></p> </li> </ul> </li> <li data-start="1157" data-end="1294"> <p data-start="1160" data-end="1182"><strong data-start="1160" data-end="1180">Links and Images</strong></p> <ul data-start="1186" data-end="1294"> <li data-start="1186" data-end="1232"> <p data-start="1188" data-end="1232">Hyperlinks: <code data-start="1200" data-end="1205"><a></code> tag and <code data-start="1214" data-end="1220">href</code> attribute</p> </li> <li data-start="1236" data-end="1294"> <p data-start="1238" data-end="1294">Adding images: <code data-start="1253" data-end="1260"><img></code> tag and <code data-start="1269" data-end="1274">src</code>, <code data-start="1276" data-end="1281">alt</code> attributes</p> </li> </ul> </li> <li data-start="1296" data-end="1396"> <p data-start="1299" data-end="1310"><strong data-start="1299" data-end="1308">Lists</strong></p> <ul data-start="1314" data-end="1396"> <li data-start="1314" data-end="1339"> <p data-start="1316" data-end="1339">Ordered lists: <code data-start="1331" data-end="1337"><ol></code></p> </li> <li data-start="1343" data-end="1370"> <p data-start="1345" data-end="1370">Unordered lists: <code data-start="1362" data-end="1368"><ul></code></p> </li> <li data-start="1374" data-end="1396"> <p data-start="1376" data-end="1396">List items: <code data-start="1388" data-end="1394"><li></code></p> </li> </ul> </li> <li data-start="1398" data-end="1463"> <p data-start="1401" data-end="1422"><strong data-start="1401" data-end="1420">Tables (Basics)</strong></p> <ul data-start="1426" data-end="1463"> <li data-start="1426" data-end="1463"> <p data-start="1428" data-end="1463"><code data-start="1428" data-end="1437"><table></code>, <code data-start="1439" data-end="1445"><tr></code>, <code data-start="1447" data-end="1453"><td></code>, <code data-start="1455" data-end="1461"><th></code></p> </li> </ul> </li> <li data-start="1465" data-end="1544"> <p data-start="1468" data-end="1494"><strong data-start="1468" data-end="1492">Forms (Introduction)</strong></p> <ul data-start="1498" data-end="1544"> <li data-start="1498" data-end="1544"> <p data-start="1500" data-end="1544"><code data-start="1500" data-end="1508"><form></code>, <code data-start="1510" data-end="1519"><input></code>, <code data-start="1521" data-end="1531"><button></code>, <code data-start="1533" data-end="1542"><label></code></p> </li> </ul> </li> <li data-start="1546" data-end="1635"> <p data-start="1549" data-end="1569"><strong data-start="1549" data-end="1567">Best Practices</strong></p> <ul data-start="1573" data-end="1635"> <li data-start="1573" data-end="1608"> <p data-start="1575" data-end="1608">Proper indentation and comments</p> </li> <li data-start="1612" data-end="1635"> <p data-start="1614" data-end="1635">Using semantic HTML</p> </li> </ul> </li> </ol> <p data-start="1637" data-end="1663"><strong data-start="1637" data-end="1661">Practical Exercises:</strong></p> <ul data-start="1664" data-end="1788"> <li data-start="1664" data-end="1704"> <p data-start="1666" data-end="1704">Create a personal “About Me” webpage</p> </li> <li data-start="1705" data-end="1740"> <p data-start="1707" data-end="1740">Build a simple menu using lists</p> </li> <li data-start="1741" data-end="1788"> <p data-start="1743" data-end="1788">Insert an image and link it to another page</p> </li> </ul></div> </div> <div class="profileContentContainer"> <div class="courseTabContent tabContent" id="courseaboutTutor"> <h2 class="pageSubtitle mt-0">About the Trainer</h2> <div class="aboutTutorContainer"> <div class="tutorLeftBlock"> <div class="abtTutorImg"> <img src='https://p.urbanpro.com/tv-prod/auth/photo/4768187-medium130.jpg' alt="Anil Kumar picture"/> </div> <div> <p><span class="icon-star"></span> Avg Rating</p> <p><span class="icon-answers"></span>0 Reviews</p> <p><span class="icon-education1"></span>0 Students</p> <p><span class="icon-course-and-workshop0"></span>3 Courses</p> </div> </div> <div> <div class="abtTutorDetails"> <a href="/sanganer/anil-kumar"> Anil Kumar </a> <p>Bachelor of Arts (B.A.) from Rajasthan University in 2010 and Master of Computer Applications (M.C.A.) from Jaipur National University in 2017</p> <p>5 Years of Experience</p> </div> <div class="marginTop10"> I have total 3 years experience. Previously I work as Corporate Trainer with companies and colleges, NIIT ,TATA CMC Academy and NSPL as a Software Trainer and also work as Software Developer. I also taught C, C++,HTML, CSS, Core PHP, Ajax, MySql, Wordpress, Codegniter, Advanced PHP. </div> </div> </div> </div> <div class="profileShare pos-rel"> <div class="sharethis-inline-share-buttons display-IB"></div> <div class="display-IB pointer copyLinkIcon" onclick="copyLinkText();"><img src="https://c.urbanpro.com/assets/new-ui/copyLink-949bace755cff3ce763844d6729f0e31.svg"/></div> </div> <div style="clear: both;"></div> </div> <div class="profileContentContainer"> <p class="fontSize16 studentsEnr">Students also enrolled in these courses</p> <style type="text/css"> .switchTooltip:after {content:"."; font-size:0px;border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:10px solid #ccc; position:absolute; top:-10px !important; right:50px;} </style> <div class="coursesBlock fontSize14"> <div class="courseContentBlck"> <div class="mb-10"> <a href="https://www.urbanpro.com/online-class/html/36034647" id="455354" class="colorCourseHead fontSize16 courseTitleHead"> HTML </a> </div> <div class="displayFlex"> <div class="courseImgUrl mr-15 pos-rel"> <img class="courseImg"src="https://p.urbanpro.com/tv-prod/course2/photo/455354-wide.jpg" width="145" height="145" alt=""> <div class="liveTag">LIVE</div> </div> <div class="contentWithBtn"> <div style="min-height: 135px;"> <div class="mb-5"> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:100.0%;'> </div> </div> </div> <div class="courseReview colorCourseHead fontSize13"><span>4</span> reviews</div> </div> <div class="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 7 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 2,500 <small>Group Class (max 10)</small> </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 4,000 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html/36034647" id="455354" class="tertiaryButton bookDemoGray toNone display-IB viewBtn"><img src="/assets/registerIcon.png" width="12" height="15" alt="" class="verticalAlign3 mr-5"/>View this Course</a> </div> <p class="mt-25 mb-10 color666">Course offered by Mamta Singh</p> <div class="displayFlex"> <img class="mr-20" src="https://p.urbanpro.com/tv-prod/auth/photo/13144218-medium130.jpg" width="45" height="45" alt="" style="border-radius: 50%;"/> <div> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:96.0%;'> </div> </div> <span class="ml-5">16 reviews</span> </div> </div> </div> </div> </div> <div class="coursesBlock fontSize14"> <div class="courseContentBlck"> <div class="mb-10"> <a href="https://www.urbanpro.com/online-class/html-for-beginners-build-your-first-website-from-scratch/66078609" id="551942" class="colorCourseHead fontSize16 courseTitleHead"> HTML for Beginners: Build Your First Website from Scratch </a> </div> <div class="displayFlex"> <div class="courseImgUrl mr-15 pos-rel"> <img class="courseImg"src="https://c.urbanpro.com/assets/layout/course_default-e58cf367e4c39636b786d7bbc5ac7b23.png" width="145" height="145" alt=""> <div class="liveTag">LIVE</div> </div> <div class="contentWithBtn"> <div style="min-height: 135px;"> <div class="mb-5"> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:100.0%;'> </div> </div> </div> <div class="courseReview colorCourseHead fontSize13"><span>3</span> reviews</div> </div> <div class="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 15 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 9,000 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html-for-beginners-build-your-first-website-from-scratch/66078609" id="551942" class="tertiaryButton bookDemoGray toNone display-IB viewBtn"><img src="/assets/registerIcon.png" width="12" height="15" alt="" class="verticalAlign3 mr-5"/>View this Course</a> </div> <p class="mt-25 mb-10 color666">Course offered by Nilesh</p> <div class="displayFlex"> <img class="mr-20" src="https://p.urbanpro.com/tv-prod/auth/photo/9105362-medium130.jpg" width="45" height="45" alt="" style="border-radius: 50%;"/> <div> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:98.00000000000001%;'> </div> </div> <span class="ml-5">14 reviews</span> </div> <div class="mb-5 mt-5 fontSize13"> <span class="mr-18"><img src="https://c.urbanpro.com/assets/new-ui/topTutorIcon-e8cb7b9d49de970b79db1f5b7e523b87.png" width="14" height="14" alt="" class="mr-8 verticalAlign3"/>Top Tutor</span> </div> </div> </div> </div> </div> <div class="coursesBlock fontSize14"> <div class="courseContentBlck"> <div class="mb-10"> <a href="https://www.urbanpro.com/online-class/html-for-beginners/58112495" id="528557" class="colorCourseHead fontSize16 courseTitleHead"> HTML for Beginners </a> </div> <div class="displayFlex"> <div class="courseImgUrl mr-15 pos-rel"> <img class="courseImg"src="https://c.urbanpro.com/assets/layout/course_default-e58cf367e4c39636b786d7bbc5ac7b23.png" width="145" height="145" alt=""> <div class="liveTag">LIVE</div> </div> <div class="contentWithBtn"> <div style="min-height: 135px;"> <div class="mb-5"> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:100.0%;'> </div> </div> </div> <div class="courseReview colorCourseHead fontSize13"><span>2</span> reviews</div> </div> <div class="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 15 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 500 <small>Group Class (max 10)</small> </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 750 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html-for-beginners/58112495" id="528557" class="tertiaryButton bookDemoGray toNone display-IB viewBtn"><img src="/assets/registerIcon.png" width="12" height="15" alt="" class="verticalAlign3 mr-5"/>View this Course</a> </div> <p class="mt-25 mb-10 color666">Course offered by Gangapur Sai laxmana srinivas</p> <div class="displayFlex"> <img class="mr-20" src="https://www.urbanpro.com/assets/new-ui/provider-neutral-100X100.png" width="45" height="45" alt="" style="border-radius: 50%;"/> <div> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:100.0%;'> </div> </div> <span class="ml-5">1 review</span> </div> </div> </div> </div> </div> <div class="coursesBlock fontSize14"> <div class="courseContentBlck"> <div class="mb-10"> <a href="https://www.urbanpro.com/online-class/html-short-course-learn-to-build-your-first-website/63818525" id="540777" class="colorCourseHead fontSize16 courseTitleHead"> HTML Short Course – Learn to Build Your First Website! </a> </div> <div class="displayFlex"> <div class="courseImgUrl mr-15 pos-rel"> <img class="courseImg"src="https://p.urbanpro.com/tv-prod/course2/photo/540777-wide.jpg" width="145" height="145" alt=""> <div class="liveTag">LIVE</div> </div> <div class="contentWithBtn"> <div style="min-height: 135px;"> <div class="courseSlot mt-5 displayFlex"><span class="icon-clock verticalAlignMid mr-5 mt-3 fontSize12"></span><span>Tue, Wed, Thu, Fri, Mon, Tue, Thu, Fri, Sat 04:30pm-05:30pm</span></div> <div class="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 1 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 400 <small>Group Class (max 4)</small> </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 500 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html-short-course-learn-to-build-your-first-website/63818525" id="540777" class="tertiaryButton bookDemoGray toNone display-IB viewBtn"><img src="/assets/registerIcon.png" width="12" height="15" alt="" class="verticalAlign3 mr-5"/>View this Course</a> </div> <p class="mt-25 mb-10 color666">Course offered by Sanyukta Khetan</p> <div class="displayFlex"> <img class="mr-20" src="https://p.urbanpro.com/tv-prod/auth/photo/14329810-medium130.jpeg" width="45" height="45" alt="" style="border-radius: 50%;"/> <div> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:0%;'> </div> </div> <span class="ml-5">0 review</span> </div> </div> </div> </div> </div> <div class="switchTooltip" style=" background-color: #fff; display:none; width: 200px; border: 1px solid #ccc; padding: 5px; border-radius: 7px;position:absolute;"> <p class="off">Switch it OFF for temporary exclusion of service</p> <p class="on">Switch it ON for activating the service</p> <span class="after"></span> </div> </div> </div> <div class="profileBlock tabsDesc openClasses" id="classesTab"> <div class="noSlots none textAlignCen">Tutor has not setup batch timings yet. <form action="/need/dataForActiveCategory" method="POST" style="display:inline;"> <input type="hidden" name="memberId" value=""/> <input type="hidden" name="branchInsId" value="939604"/> <input type="hidden" name="bookDemo" value="true"/> <button type="submit" class="dontShowSpinner" style="background:none; border:none; padding:0; color:#046AFF; cursor:pointer; font-size:inherit; display:inline; text-decoration:none;">Book a Demo</button> </form> to talk to the Tutor. </div> <p> <p class="slotsAv mb-15 ml-25">Different batches available for this Course</p> <p class="slotsData ml-25"></p> </p> </div> <div class="tabsDesc" id="reviewsTab"> <div class="reviewContentContainer"> <div class="defaultLoadedReviews"> <div class="ajaxReviewContent"> <div class="clear-fix"></div> <div class="reviewsBottomTxt"> No Reviews yet! <form action="/providerRecommendation/fillRecommendation" method="post" class="displayInline"> <input type="hidden" name="branchId" value="939604"/> <button type="submit" class="blueColor formHandle loud text-deco-none">Be the first one to Review</button> </form> </div> </div> </div> <div class="ajaxLoadedReviews none"> </div> </div> </div> </div> <input type="hidden" name="branchId" id="branchId" value="939604"/> </div> </div> <div id="myModal" class="modal galleryLightBoxView"> <div class="alignItemsInSlider"> <div class="caption-container"> <p id="caption"></p> <span class="close cursor" onclick="closeModal()">×</span> </div> <div class="modal-content"> <div class="slideContainer"></div> <div class="sliderBtns"> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <div class="bottomContent"> <div class="slideThumbnailBlock"></div> </div> </div> <div class="detailBlock detailBlockImgVidSlider"> <div class="alignDetailCenter"> <div class="leftBlock"> <div class="profileImageHeader"> </div> </div> <div class="rightBlock"> <h2 class="fontSize15 loud">Sanyukta</h2> <div class="reviewBlock mb-10 mt-2"> <div class="fontSize13" style="line-height:12px;">No reviews yet</div> </div> <a class="primaryButton mr-10 cursorHand newPublicProfileFlowFromDemo newPublicProfileFlow"> <span class="inline-block icon-phone verticalAlignMid mr-5"></span> <span>Contact</span> </a> </div> </div> </div> </div> </div> <div class="urbanproPopup" id="profileReviewPopup"> <div class="replyForm"> <p class="upPopheaderTitle">Reply to <span class="reviewerNamePopup"></span>'s review</p> <div class="upPopContent clearfix"> <p>Enter your reply<span class="required colorRed">*</span></p> <form class="profileReplyForm"> <input type="hidden" name="recommendationId" class="feedbackId"/> <textarea name="replyComment" class="upTextarea mt-10 replyComment" placeholder="Your reply should contain a minimum of 10 characters" maxlength="1500"></textarea> <input type="hidden" class="maxReviewCount" value="1500"> <span class="floatRight"><span class="remainingCount">1500</span>/1500</span> <p class="errorMsg empReviewErr none">Please enter your reply</p> <p class="errorMsg sizeReviewErr none">Your reply should contain a minimum of 10 characters</p> </form> </div> <div class="textAlignCen clearfix"> <span class="buttonWrapper"><input type="button" class="primaryButton profileReviewSubmit" value="SUBMIT"/></span> <input type="button" class="tertiaryButton profileReviewPopUpClose" value="CANCEL"/> </div> </div> <div class="replyConfirmation none textAlignCen"> <img src="https://c.urbanpro.com/assets/new-ui/green-tick-d5a6b8f6bef0e52eee1d8d10e1b1b144.svg" width="60px" class="mt-30"/> <p class="mt-30 mb-30">Your reply has been successfully submitted.</p> <div class="textAlignCen clearfix"> <input type="button" class="primaryButton profileReviewPopUpClose" value="CLOSE"/> </div> </div> </div> <div class="urbanproPopup certifiedPopup textAlignCen" style="max-width:350px;"> <span class="close color000 urbanproPopupClose">✕</span> <div class="actualContent"> <p class="fontSize16 loud mt-10"><img src="/assets/new-ui/certifiedGrey.svg" width="21" class="mr-3 verticalAlign5"/>Certified</p> <p class="mt-15 fontSize14">The Certified badge indicates that the Tutor has received good amount of positive feedback from Students.</p> </div> </div> <div class="urbanproPopup showSlotspopup" style="max-width:350px;"> <span class="close color000 urbanproPopupClose">✕</span> <p class="courseTitle mt-10 mb-15 color333 fontSize16"></p> <p class="slotsAv mb-15">Different batches available for this Course</p> <p class="slotsData"></p> <div class="mt-20 textAlignCen"> <a class="primaryButton loud toCapitalize pointer" onclick="openNeedPost(939604)"> <span class="icon-calendar"></span> <span class="ml-5">Book a Free Demo</span> </a> </div> </div> <input type="hidden" name="duration" value=""/> <input type="hidden" name="sessionId" value=""> <div class="urbanproPopup" id="otpPopup"> <div> <p class="textAlignCen fontSize18 mb-10">Verify Your Mobile Number</p> <p class="textAlignCen fontSize16 mb-40">Please verify your Mobile Number to book this free class.</p> <div class="inputGroup"> <input type="number" id="phoneNumberOtp" class="phoneNumberValue makeEdit" value="" name="phoneNumber" data-maxlength="10" required="" placeholder=" " autocomplete="off" readonly/> <label>Enter your Mobile number</label> <img src="https://c.urbanpro.com/assets/mobile/edit_detail-302859773611525ebe13fdba5af9039d.png" alt="Edit Number" class="editNumberOtp" onclick="editNumber()"/> <span class="updateNumber mobUpdate">Update</span> <span class="updateNumber updateSpinner"><img src="https://c.urbanpro.com/assets/new-ui/spinner-a51c5608d01acf32df728f299767f82b.gif" alt="Loading Spinner" width="16" height="16" loading="lazy"/></span> <span class="updateNumber numUpdated"><img src="https://c.urbanpro.com/assets/mobile/tick-1c742ea970396e7cfa7fb60b13a9cf58.png" alt="Success Tick" width="16" height="16" loading="lazy"/></span> <p class="homeErr validateErr ml-12 none">Please enter 10 digit phone number.</p> <p class="homeErr emptyErr ml-12 none">Please enter your phone number.</p> <p class="homeErr phoneNotValidErr ml-12 none">Please Enter a valid Mobile Number</p> <p class="homeErr phoneDuplicateErrNew ml-12 mb-10 none">This number is already in use.</p> </div> <div class="otpBlock mt-20"> <div class="inputGroup mb-10"> <input type="number" class="actual_otp mt-40" value="" name="otp" placeholder="Enter OTP sent to above number" required/> <a class="resendOtpNew resendLink floatRight">Resend</a> <p class="otpSent mt-10 loud" style="display:none;">OTP has been sent.</p> <p class="homeErr emptyErr">Please enter OTP.</p> </div> </div> <p class="textAlignCen mt-40 mb-40"><input type="submit" value="Submit" class="primaryButton recaptchSubmit loud fontSize16 toNone" style="padding: 9px 20px;" id="submitOtpNewUser"/></p> <div class="textAlignCen"> <p class="slideSubHeading"> Or, give a missed call and get your number verified </p> <p class="callToNumber"> <span class="icon-ic-phone-call-ringing"></span> <span id="checkNumber">080-66-0844-42</span> </p> </div> </div> </div> <div class="blackOverlay"></div> <div class="popupOverlay"></div> </div> </div> <div class="cookieConsentBlk none"> <div class="cookiesBlock"> <p class="loud mb-10" style="font-size: 14px;">This website uses cookies</p> <p style="font-size: 13px;">We use cookies to improve user experience. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our <a href="https://www.urbanpro.com/privacy-policy">Privacy Policy</a></p> <div class="mt-20"> <div class="toNone loud mr-20 acceptButton pointer" onclick="acceptCookies('yes');">Accept All</div> <div class="toNone loud declineButton pointer" onclick="acceptCookies('no');">Decline All</div> </div> </div> </div> </div> <div class="footernew"> <div class="footerMarginWidth"> <div class="footerNSocial clearfix"> <ul class="footermenuhori floatLeft"> <li> <a href="https://www.urbanpro.com/about">About UrbanPro.com</a> </li> <li> <a href="https://www.urbanpro.com/terms-of-use">Terms of Use</a> </li> <li> <a href="https://www.urbanpro.com/privacy-policy">Privacy Policy</a> </li> <li> <a href="https://jobs.urbanpro.com">UrbanPro Jobs</a> </li> <li> <a href="https://www.urbanpro.com/learn">Learn</a> </li> <li> <a href="https://www.urbanpro.com/sitemap">Sitemap</a> </li> </ul> <style> .provider-footer-block { display: flex; flex-direction: column; align-items: flex-start; margin-left: 0; } .mobile-made-in-india-divider { display: none; } .mobile-made-in-india { margin-top: 14px; text-align: right; } @media (max-width: 940px) { .provider-footer-block { align-items: center !important; width: 100% !important; flex-basis: 100% !important; margin-top: 10px !important; } .mobile-icons-row { width: 100% !important; justify-content: center !important; } .mobile-made-in-india { width: calc(100% - 40px) !important; margin: 0 auto !important; text-align: center; margin-top: 15px !important; margin-bottom: 12px !important; } .mobile-made-in-india-divider { display: block !important; box-sizing: border-box !important; width: 86% !important; margin: 16px auto 0 26px !important; align-self: center !important; border: none !important; border-top: 1px solid #DBDBDB !important; } ul{ margin-left: 0em !important; } .footerNSocial .footer-social{ margin-bottom: 14px !important; } } </style> <ul class="footer-social displayFlex alignConCenter justifyFlexContentCenter" itemscope itemtype="http://schema.org/Organization"> <span itemprop="name" class="none">UrbanPro</span> <link itemprop="url" href="https://www.urbanpro.com"/> <img itemprop="logo" class="none" src="https://c.urbanpro.com/assets/new-ui/sharing_job-622af65e5834871210983e867ca1a3d7.png" width="120" height="120" loading="lazy" decoding="async" alt="UrbanPro Logo"/> <li class="provider-footer-block" style="margin-left: auto; align-items: flex-end;"> <hr class="mobile-made-in-india-divider" style="margin-bottom: 15px !important; margin-top: 0px !important;"/> <div style="display: flex; align-items: center; width: 100%; justify-content: flex-end;" class="mobile-icons-row"> <a style="display: flex; align-items: center; margin-left: 20px;" itemprop="sameAs" href="https://www.facebook.com/UrbanProApp" target="_blank" rel="noreferrer" aria-label="Facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 16 16" fill="none" style="display: block;"> <path d="M7.45901 0H8.54397C8.62304 0.0524522 9.1424 0.068857 9.27731 0.0910717C9.6275 0.148734 9.94884 0.227005 10.2897 0.326694C12.9321 1.1137 14.9831 3.20594 15.7173 5.86353C15.8147 6.21081 15.8872 6.56461 15.9341 6.9222C15.9478 7.02931 15.9741 7.43387 16 7.518V8.61987C15.9716 8.75675 15.9578 8.88154 15.9444 9.02089C15.9133 9.34311 15.84 9.6799 15.758 9.99289C15.2659 11.9173 14.0746 13.5895 12.4165 14.6832C11.618 15.2106 10.7315 15.5907 9.79909 15.8055C9.69773 15.8297 9.33872 15.9095 9.25333 15.9108C9.10448 15.9336 8.77834 15.953 8.66851 16H7.31973C7.17144 15.9405 6.91542 15.9306 6.74972 15.9172C6.07253 15.8359 5.12437 15.5036 4.51191 15.2103C2.47511 14.227 0.950619 12.4263 0.316761 10.2552C0.222867 9.93028 0.153283 9.61475 0.0904573 9.28315C0.0546539 9.09419 0.0604823 8.724 0 8.56973V7.36339C0.0370211 7.28942 0.046245 7.06387 0.0564019 6.97287C0.152812 6.10914 0.421155 5.25441 0.802078 4.47522C1.79767 2.44105 3.60981 0.925009 5.78778 0.304158C6.11028 0.211966 6.4084 0.147782 6.7383 0.0914265C6.91945 0.060482 7.30962 0.0567786 7.45901 0Z" fill="#1978F4"/> <path d="M6.74906 7.99787L6.74827 6.75081C6.74758 6.20781 6.73513 5.81854 6.85241 5.28404C7.16902 3.84095 8.37787 3.09573 9.80414 3.12472C10.3786 3.13637 10.9866 3.17306 11.5613 3.28114C11.5659 3.93747 11.5667 4.59381 11.5639 5.25014L10.8581 5.24915C10.3949 5.24892 9.93686 5.23384 9.58081 5.58631C9.27016 5.89387 9.25044 6.28254 9.24978 6.69284L9.25114 7.99959C9.9807 7.99906 10.7482 8.01157 11.4747 7.99886C11.4113 8.26571 11.343 8.814 11.3002 9.10598C11.252 9.43526 11.1438 10.0003 11.1219 10.3151L9.25003 10.3138L9.25338 15.9108C9.10453 15.9336 8.77839 15.953 8.66856 16H7.31978C7.17148 15.9405 6.91547 15.9306 6.74977 15.9172L6.74966 10.3133L4.71741 10.3125L4.71784 8.00072C5.39167 7.99812 6.07688 8.00582 6.74906 7.99787Z" fill="#FEFEFE"/> </svg> </a> <a style="display: flex; align-items: center; margin-left: 20px;" itemprop="sameAs" href="https://www.instagram.com/urbanpro_for_learners/" target="_blank" rel="noreferrer" aria-label="Instagram"> <img src="https://c.urbanpro.com/assets/svg/instagram_footer-2ff73f2af9598fb416d730fb4b751ef6.svg" width="17" height="17" style="width: 16px; height: 16px; display: block;" alt="Instagram" loading="lazy" decoding="async"/> </a> <a style="display: flex; align-items: center; margin-left: 20px;" itemprop="sameAs" href="https://x.com/urbanproapp" target="_blank" rel="noreferrer" aria-label="Twitter"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none" style="display: block;"> <path d="M13.9164 0.00812687C14.7994 -0.0157021 15.7503 0.0387159 16.6257 0C16.4672 0.212823 16.1405 0.568649 15.9593 0.776102L14.7105 2.20352L10.7132 6.77652C11.1234 7.34643 11.6004 7.95148 12.0268 8.51567L14.7157 12.0694L16.6351 14.609C16.962 15.0417 17.3441 15.576 17.687 15.988C17.3872 15.9793 17.0654 15.9845 16.764 15.9841L12.2294 15.9875C12.1316 15.8991 11.8901 15.5691 11.8016 15.453L10.9988 14.4016L7.94211 10.4015C7.93747 10.4077 7.93279 10.4138 7.92804 10.4198C7.75611 10.64 7.47496 10.942 7.28488 11.1587L6.07032 12.5463L4.15393 14.736C3.95081 14.9678 3.30772 15.7396 3.03325 15.9716C3.00108 15.9989 2.52188 15.9872 2.42346 15.9869L1.10754 15.9843C0.878999 15.9841 0.543576 15.9734 0.323797 16C0.546072 15.7057 0.996847 15.2216 1.24924 14.9326L3.16444 12.7446L5.39647 10.193C5.78259 9.75107 6.2724 9.15762 6.67412 8.74814L2.23871 2.95094L0.791347 1.05848C0.571066 0.770982 0.184532 0.295028 0 0.00570219L3.80022 0.00546492L4.886 0.00535017C5.05626 0.00536711 5.36891 0.00163019 5.52401 0.0196591C5.6591 0.0353612 6.02783 0.581036 6.11968 0.702496L6.92161 1.7629L9.45168 5.10769C9.73223 4.75247 10.0921 4.36213 10.3928 4.01799L12.0709 2.0998L13.2015 0.806712C13.405 0.572433 13.6958 0.217548 13.9164 0.00812687ZM12.9689 14.3504C13.458 14.3499 13.9646 14.3434 14.4522 14.353L7.83706 5.60755L5.80818 2.92485C5.51441 2.53579 5.06829 1.90177 4.76835 1.55479C4.27082 1.52634 3.62255 1.57909 3.16664 1.54346L9.59948 9.9547L11.7351 12.7469C12.1387 13.2746 12.5545 13.8344 12.9689 14.3504Z" fill="#191919"/> </svg> </a> </div> <div class="mobile-made-in-india"> <span style="color: #333; font-size: 12px; font-weight: 400; display: inline-flex; align-items: center;">Made in India. Made for you. <img src="/assets/svg/india_flag.svg" width="16" height="16" style="margin-left: 4px;" alt="India"></span> </div> <hr class="mobile-made-in-india-divider"/> </li> </ul> </div> <ul class="footermenuhori hideForListingBlock"> <li><a href="https://www.urbanpro.com/bangalore">Bangalore</a></li> <li><a href="https://www.urbanpro.com/chennai">Chennai</a></li> <li><a href="https://www.urbanpro.com/delhi">Delhi</a></li> <li><a href="https://www.urbanpro.com/hyderabad">Hyderabad</a></li> <li><a href="https://www.urbanpro.com/mumbai">Mumbai</a></li> <li><a href="https://www.urbanpro.com/pune">Pune</a></li> <li><a href="https://www.urbanpro.com/kolkata">Kolkata</a></li> <li><a href="https://www.urbanpro.com/gurgaon">Gurgaon</a></li> <li><a href="https://www.urbanpro.com/ahmedabad">Ahmedabad</a></li> <li><a href="https://www.urbanpro.com/noida">Noida</a></li> </ul> <p class="footerUpTxt hideForListingBlock ">UrbanPro.com is India's largest network of most trusted tutors and institutes. Over 55 lakh students rely on UrbanPro.com, to fulfill their learning requirements across 1,000+ categories. Using UrbanPro.com, parents, and students can compare multiple Tutors and Institutes and choose the one that best suits their requirements. <span class="readmoreTxt"> More than 7.5 lakh verified Tutors and Institutes are helping millions of students every day and growing their tutoring business on UrbanPro.com. Whether you are looking for a tutor to learn mathematics, a German language trainer to brush up your German language skills or an institute to upgrade your IT skills, we have got the best selection of Tutors and Training Institutes for you.</span> <span class="showFooterTxt" data-type="more">Read more</span></p> <div class="footer-copyright">ThinkVidya Learning Pvt Ltd © 2010-2026 All Rights Reserved</div> </div> </div> <div class="d-cont-foot" style="text-decoration:none !important;"> </div> <script type="text/javascript"> var loadScripts = true; var showMapPopup = false; loadScriptAsync("https://c.urbanpro.com/assets/modules/coursePagePrimaryJs_module-e770f38eded51dcff3d3d354c2b0e44f.js", function() { $(document).on("click", function(e) { if ( loadScripts == true ) { e.preventDefault(); if ( $(e.target).hasClass("hamburgerMenuIcon") || $(e.target).hasClass("hamburgerContainer") ) { $(".hamburgerContainer").addClass("showSpinnerOnDelay"); } loadOtherScripts( $(e.target) ); } }); window.addEventListener("scroll", function() { if ( loadScripts == true && (window.scrollY > 0)){ loadOtherScripts(); } }); }); var otherScriptsLink = '/assets/modules/courseProfilePageOtherJs_module.js'; function loadOtherScripts(element) { loadScripts = false; loadScriptAsync(otherScriptsLink, function() { element != undefined ? $(element).trigger("click") : ''; $(".showSpinnerOnDelay").removeClass("showSpinnerOnDelay") $(element).hasClass("mapContainer") ? showMapPopup = true : ''; }); } </script> <input type="hidden" id="paidMasterclassSessionId" value=""/> <input type="hidden" id="paidMasterclassSessionStartTimeMs" value=""/> <script type="text/javascript"> // Align globals with free-course / listing flows (OTP + optional payment / register APIs expect these) window.mksPaidMasterclassTimerInterval = null; window.mksStopPaidMasterclassTimer = function() { if (window.mksPaidMasterclassTimerInterval) { clearInterval(window.mksPaidMasterclassTimerInterval); window.mksPaidMasterclassTimerInterval = null; } }; window.mksStartPaidMasterclassTimer = function() { window.mksStopPaidMasterclassTimer(); var $popup = $('.loginSignForCourse').first(); var $timerStart = $('.js-paid-masterclass-timer-start').filter(function() { return $(this).val(); }).first(); var rawStart = $timerStart.val() || $('#paidMasterclassSessionStartTimeMs').val() || $('#freeCourseSessionStartTimeMs').val(); var startMs = rawStart ? parseInt(rawStart, 10) : NaN; if (!$popup.length || isNaN(startMs)) { return; } function renderTimer() { var diff = startMs - Date.now(); if (diff < 0) diff = 0; var days = Math.floor(diff / (1000 * 60 * 60 * 24)); var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((diff % (1000 * 60)) / 1000); var paddedDays = days < 10 ? '0' + days : String(days); var paddedHours = hours < 10 ? '0' + hours : String(hours); var paddedMinutes = minutes < 10 ? '0' + minutes : String(minutes); var paddedSeconds = seconds < 10 ? '0' + seconds : String(seconds); $popup.find('.days').html(paddedDays); $popup.find('.hours').html(paddedHours); $popup.find('.min').html(paddedMinutes); $popup.find('.sec').html(paddedSeconds); } renderTimer(); window.mksPaidMasterclassTimerInterval = setInterval(renderTimer, 1000); }; window.showPaidMasterclassPopup = function() { try { if (typeof showPrice !== 'undefined') { showPrice = 'true'; } var rawSid = $('input[name="sessionId"]').val(); var nid = (typeof window.mksNormalizeListingId === 'function') ? window.mksNormalizeListingId(rawSid) : (rawSid != null ? String(rawSid) : ''); if (nid) { if (typeof courseId !== 'undefined') courseId = nid; window.courseId = nid; } if (typeof classType !== 'undefined') { classType = 'FREE_LIVE_CLASS'; } } catch (e) {} $('.popupOverlay').show(); $('.loginSignForCourse').show(); $('.afterRegister').addClass('none'); $('.beforeRegister').removeClass('none'); $('.sticky-cta-wrapper').hide(); if (typeof window.mksStartPaidMasterclassTimer === 'function') { window.mksStartPaidMasterclassTimer(); } }; $(document).on('click', '.urbanproPopupClose, .popupOverlay', function() { $('.sticky-cta-wrapper').show(); if ($(this).closest('.loginSignForCourse').length) { window.mksStopPaidMasterclassTimer(); } }); </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Course","name":"HTML Basics – Building the Web from Scratch","description":"<p data-start=\\\"400\\\" data-end=\\\"476\\\">By the end of this class, students will be able to:<\\/p>\\r\\n<ol data-start=\\\"477\\\" data-end=\\\"713\\\">\\r\\n<li data-start=\\\"477\\\" data-end=\\\"527\\\">\\r\\n<p data-start=\\\"480\\\" data-end=\\\"527\\\">Understand the structure and purpose of HTML.<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"528\\\" data-end=\\\"609\\\">\\r\\n<p data-start=\\\"531\\\" data-end=\\\"609\\\">Create simple web pages with headings, paragraphs, lists, images, and links.<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"610\\\" data-end=\\\"665\\\">\\r\\n<p data-start=\\\"613\\\" data-end=\\\"665\\\">Understand and use basic HTML tags and attributes.<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"666\\\" data-end=\\\"713\\\">\\r\\n<p data-start=\\\"669\\\" data-end=\\\"713\\\">Build a basic personal or project webpage.<\\/p>\\r\\n<\\/li>\\r\\n<\\/ol>\\r\\n<p data-start=\\\"715\\\" data-end=\\\"736\\\"><strong data-start=\\\"715\\\" data-end=\\\"734\\\">Topics Covered:<\\/strong><\\/p>\\r\\n<ol data-start=\\\"737\\\" data-end=\\\"1635\\\">\\r\\n<li data-start=\\\"737\\\" data-end=\\\"899\\\">\\r\\n<p data-start=\\\"740\\\" data-end=\\\"766\\\"><strong data-start=\\\"740\\\" data-end=\\\"764\\\">Introduction to HTML<\\/strong><\\/p>\\r\\n<ul data-start=\\\"770\\\" data-end=\\\"899\\\">\\r\\n<li data-start=\\\"770\\\" data-end=\\\"787\\\">\\r\\n<p data-start=\\\"772\\\" data-end=\\\"787\\\">What is HTML?<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"791\\\" data-end=\\\"847\\\">\\r\\n<p data-start=\\\"793\\\" data-end=\\\"847\\\">How the web works: Browser + HTML + CSS + JavaScript<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"851\\\" data-end=\\\"899\\\">\\r\\n<p data-start=\\\"853\\\" data-end=\\\"899\\\">Understanding tags, elements, and attributes<\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"901\\\" data-end=\\\"1013\\\">\\r\\n<p data-start=\\\"904\\\" data-end=\\\"941\\\"><strong data-start=\\\"904\\\" data-end=\\\"939\\\">Basic Structure of an HTML Page<\\/strong><\\/p>\\r\\n<ul data-start=\\\"945\\\" data-end=\\\"1013\\\">\\r\\n<li data-start=\\\"945\\\" data-end=\\\"966\\\">\\r\\n<p data-start=\\\"947\\\" data-end=\\\"966\\\"><code data-start=\\\"947\\\" data-end=\\\"964\\\"><!DOCTYPE html><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"970\\\" data-end=\\\"1013\\\">\\r\\n<p data-start=\\\"972\\\" data-end=\\\"1013\\\"><code data-start=\\\"972\\\" data-end=\\\"980\\\"><html><\\/code>, <code data-start=\\\"982\\\" data-end=\\\"990\\\"><head><\\/code>, <code data-start=\\\"992\\\" data-end=\\\"1001\\\"><title><\\/code>, <code data-start=\\\"1003\\\" data-end=\\\"1011\\\"><body><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1015\\\" data-end=\\\"1155\\\">\\r\\n<p data-start=\\\"1018\\\" data-end=\\\"1044\\\"><strong data-start=\\\"1018\\\" data-end=\\\"1042\\\">Text Formatting Tags<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1048\\\" data-end=\\\"1155\\\">\\r\\n<li data-start=\\\"1048\\\" data-end=\\\"1078\\\">\\r\\n<p data-start=\\\"1050\\\" data-end=\\\"1078\\\">Headings: <code data-start=\\\"1060\\\" data-end=\\\"1066\\\"><h1><\\/code> to <code data-start=\\\"1070\\\" data-end=\\\"1076\\\"><h6><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1082\\\" data-end=\\\"1103\\\">\\r\\n<p data-start=\\\"1084\\\" data-end=\\\"1103\\\">Paragraphs: <code data-start=\\\"1096\\\" data-end=\\\"1101\\\"><p><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1107\\\" data-end=\\\"1155\\\">\\r\\n<p data-start=\\\"1109\\\" data-end=\\\"1155\\\">Bold, italic, underline: <code data-start=\\\"1134\\\" data-end=\\\"1139\\\"><b><\\/code>, <code data-start=\\\"1141\\\" data-end=\\\"1146\\\"><i><\\/code>, <code data-start=\\\"1148\\\" data-end=\\\"1153\\\"><u><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1157\\\" data-end=\\\"1294\\\">\\r\\n<p data-start=\\\"1160\\\" data-end=\\\"1182\\\"><strong data-start=\\\"1160\\\" data-end=\\\"1180\\\">Links and Images<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1186\\\" data-end=\\\"1294\\\">\\r\\n<li data-start=\\\"1186\\\" data-end=\\\"1232\\\">\\r\\n<p data-start=\\\"1188\\\" data-end=\\\"1232\\\">Hyperlinks: <code data-start=\\\"1200\\\" data-end=\\\"1205\\\"><a><\\/code> tag and <code data-start=\\\"1214\\\" data-end=\\\"1220\\\">href<\\/code> attribute<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1236\\\" data-end=\\\"1294\\\">\\r\\n<p data-start=\\\"1238\\\" data-end=\\\"1294\\\">Adding images: <code data-start=\\\"1253\\\" data-end=\\\"1260\\\"><img><\\/code> tag and <code data-start=\\\"1269\\\" data-end=\\\"1274\\\">src<\\/code>, <code data-start=\\\"1276\\\" data-end=\\\"1281\\\">alt<\\/code> attributes<\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1296\\\" data-end=\\\"1396\\\">\\r\\n<p data-start=\\\"1299\\\" data-end=\\\"1310\\\"><strong data-start=\\\"1299\\\" data-end=\\\"1308\\\">Lists<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1314\\\" data-end=\\\"1396\\\">\\r\\n<li data-start=\\\"1314\\\" data-end=\\\"1339\\\">\\r\\n<p data-start=\\\"1316\\\" data-end=\\\"1339\\\">Ordered lists: <code data-start=\\\"1331\\\" data-end=\\\"1337\\\"><ol><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1343\\\" data-end=\\\"1370\\\">\\r\\n<p data-start=\\\"1345\\\" data-end=\\\"1370\\\">Unordered lists: <code data-start=\\\"1362\\\" data-end=\\\"1368\\\"><ul><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1374\\\" data-end=\\\"1396\\\">\\r\\n<p data-start=\\\"1376\\\" data-end=\\\"1396\\\">List items: <code data-start=\\\"1388\\\" data-end=\\\"1394\\\"><li><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1398\\\" data-end=\\\"1463\\\">\\r\\n<p data-start=\\\"1401\\\" data-end=\\\"1422\\\"><strong data-start=\\\"1401\\\" data-end=\\\"1420\\\">Tables (Basics)<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1426\\\" data-end=\\\"1463\\\">\\r\\n<li data-start=\\\"1426\\\" data-end=\\\"1463\\\">\\r\\n<p data-start=\\\"1428\\\" data-end=\\\"1463\\\"><code data-start=\\\"1428\\\" data-end=\\\"1437\\\"><table><\\/code>, <code data-start=\\\"1439\\\" data-end=\\\"1445\\\"><tr><\\/code>, <code data-start=\\\"1447\\\" data-end=\\\"1453\\\"><td><\\/code>, <code data-start=\\\"1455\\\" data-end=\\\"1461\\\"><th><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1465\\\" data-end=\\\"1544\\\">\\r\\n<p data-start=\\\"1468\\\" data-end=\\\"1494\\\"><strong data-start=\\\"1468\\\" data-end=\\\"1492\\\">Forms (Introduction)<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1498\\\" data-end=\\\"1544\\\">\\r\\n<li data-start=\\\"1498\\\" data-end=\\\"1544\\\">\\r\\n<p data-start=\\\"1500\\\" data-end=\\\"1544\\\"><code data-start=\\\"1500\\\" data-end=\\\"1508\\\"><form><\\/code>, <code data-start=\\\"1510\\\" data-end=\\\"1519\\\"><input><\\/code>, <code data-start=\\\"1521\\\" data-end=\\\"1531\\\"><button><\\/code>, <code data-start=\\\"1533\\\" data-end=\\\"1542\\\"><label><\\/code><\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1546\\\" data-end=\\\"1635\\\">\\r\\n<p data-start=\\\"1549\\\" data-end=\\\"1569\\\"><strong data-start=\\\"1549\\\" data-end=\\\"1567\\\">Best Practices<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1573\\\" data-end=\\\"1635\\\">\\r\\n<li data-start=\\\"1573\\\" data-end=\\\"1608\\\">\\r\\n<p data-start=\\\"1575\\\" data-end=\\\"1608\\\">Proper indentation and comments<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1612\\\" data-end=\\\"1635\\\">\\r\\n<p data-start=\\\"1614\\\" data-end=\\\"1635\\\">Using semantic HTML<\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>\\r\\n<\\/li>\\r\\n<\\/ol>\\r\\n<p data-start=\\\"1637\\\" data-end=\\\"1663\\\"><strong data-start=\\\"1637\\\" data-end=\\\"1661\\\">Practical Exercises:<\\/strong><\\/p>\\r\\n<ul data-start=\\\"1664\\\" data-end=\\\"1788\\\">\\r\\n<li data-start=\\\"1664\\\" data-end=\\\"1704\\\">\\r\\n<p data-start=\\\"1666\\\" data-end=\\\"1704\\\">Create a personal \\u201CAbout Me\\u201D webpage<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1705\\\" data-end=\\\"1740\\\">\\r\\n<p data-start=\\\"1707\\\" data-end=\\\"1740\\\">Build a simple menu using lists<\\/p>\\r\\n<\\/li>\\r\\n<li data-start=\\\"1741\\\" data-end=\\\"1788\\\">\\r\\n<p data-start=\\\"1743\\\" data-end=\\\"1788\\\">Insert an image and link it to another page<\\/p>\\r\\n<\\/li>\\r\\n<\\/ul>","provider":{"@type":"Organization","name":"UrbanPro","url":"https://www.urbanpro.com"},"image":["https://www.urbanpro.com/assets/layout/course_default.png"],"offers":[{"priceCurrency":"INR","@type":"Offer","price":"500 per hour","category":"Paid"}],"hasCourseInstance":[{"courseWorkload":"PT30H","instructor":[{"image":"https://p.urbanpro.com/tv-prod/auth/photo/4768187-medium130.jpg","@type":"Person","name":"Anil Kumar","description":"I have total 5 years experience. Previously I work as Corporate Trainer with companies and colleges, SAG, NIIT ,TATA CMC Academy and NSPL as a Software Trainer and also work as Software Developer. I also taught C, C++,HTML, CSS, Core PHP, Ajax, MySql, Wordpress, Codegniter, Advanced PHP."}],"@type":"CourseInstance","courseMode":"Online"}],"aggregateRating":{"reviewCount":"15","@type":"AggregateRating","ratingValue":"5","ratingCount":"15"}} </script> <script> document.addEventListener('DOMContentLoaded', initiateBranchTopicEvents, false); function initiateBranchTopicEvents() { $('.branchTopicCheckBox').on('mouseover',function(){ console.log($(this).offset().top, $(this).offset().left) $('.switchTooltip').css({"left":$(this).offset().left-300,"top":$(this).offset().top-20}); $('.switchTooltip').show(); if($(this).find('.imgON').is(':visible')){ $('.switchTooltip').find('.off').show(); $('.switchTooltip').find('.on').hide(); } else{ $('.switchTooltip').find('.on').show(); $('.switchTooltip').find('.off').hide(); } }) $('.branchTopicCheckBox').on('mouseout',function(){ $('.switchTooltip').hide(); }) } </script> <script type="text/javascript" src="https://c.urbanpro.com/assets/modules/urlParamCleaner_module-c566267811bcb73a08f1bb814231386e.js"></script> <script id="googleTrackingPixelTemplate" type="text/javascript"> window.dataLayer = window.dataLayer || []; var params = (new URL(document.location)).searchParams; var urlRefValue = params.get('_r'); var cookieRefVal = getCookie('referrer'); if((urlRefValue!=undefined) && (cookieRefVal!=undefined)){ if(((urlRefValue.indexOf('partner')>-1) && (urlRefValue.indexOf('facebook')>-1)) || ((cookieRefVal.indexOf('partner')>-1) && (cookieRefVal.indexOf('facebook')>-1))){ window.dataLayer.push({ 'event':'facebookPixel', 'fbEventFired':'true' }); } } else if(urlRefValue!=undefined){ if((urlRefValue.indexOf('partner')>-1) && (urlRefValue.indexOf('facebook')>-1)){ window.dataLayer.push({ 'event':'facebookPixel', 'fbEventFired':'true' }); } } else{ if(cookieRefVal !=null && (cookieRefVal.indexOf('partner')>-1) && (cookieRefVal.indexOf('facebook')>-1)){ window.dataLayer.push({ 'event':'facebookPixel', 'fbEventFired':'true' }); } } function getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; } </script> <script type="text/javascript"> domainurl = 'https://www.urbanpro.com/'; edgeSeverurl = 'https://c.urbanpro.com/'; enableCDNAutoSuggest = 'true'; </script> </body> </html>