By the end of this class, students will be able to:
-
Understand the structure and purpose of HTML.
-
Create simple web pages with headings, paragraphs, lists, images, and links.
-
Understand and use basic HTML tags and attributes.
-
Build a basic personal or project webpage.
Topics Covered:
-
Introduction to HTML
-
What is HTML?
-
How the web works: Browser + HTML + CSS + JavaScript
-
Understanding tags, elements, and attributes
-
-
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/member/photo/3696845-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" 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/member/photo/11263574-medium130.jpg" width="45" height="45" alt="" style="border-radius: 50%;"/> <div> <div class="reviewRating"> <div class='rating_bar'> <div class='rating' style='width:94.0%;'> </div> </div> <span class="ml-5">15 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/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://p.urbanpro.com/tv-prod/member/photo/14574846-medium130." 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/html5/46564950" id="505243" class="colorCourseHead fontSize16 courseTitleHead"> HTML5 </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="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 10 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 5,000 <small>Group Class (max 5)</small> </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 6,000 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html5/46564950" id="505243" 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 Mansi Chopra</p> <div class="displayFlex"> <img class="mr-20" src="https://p.urbanpro.com/tv-prod/member/photo/12111240-medium130.jpg" 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">7 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/43690857" id="502008" 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/502008-wide.jpg" width="145" height="145" alt=""> <div class="liveTag">LIVE</div> </div> <div class="contentWithBtn"> <div style="min-height: 135px;"> <div class="mt-5 mb-5"><span class="icon-calendar verticalAlignMid mr-5 fontSize12"></span> 10 Hours </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 8,000 <small>Group Class (max 5)</small> </div> <div class="labelText color666"> <span class="mr-5">₹ </span> 90,000 <small>1-on-1 Class</small> </div> </div> </div> </div> <div class="mt-10"> <a href="https://www.urbanpro.com/online-class/html/43690857" id="502008" 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 Manish Solanki</p> <div class="displayFlex"> <img class="mr-20" src="https://p.urbanpro.com/tv-prod/member/photo/6649794-medium130.jpg" 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"> <p class="noSlots none textAlignCen">Tutor has not setup batch timings yet. <a href="/need/dataForActiveCategory?memberId=&branchInsId=939604&bookDemo=true">Book a Demo</a> to talk to the Tutor.</p> <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">Manish Solanki</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 registerPopup "> <input type="hidden" name="sessionStartTime" value=""/> <span class="urbanproPopupClose fontSize20">✕</span> <input type="hidden" class="isTrainer" value="false"> <div class="ml-10 mr-10 textAlignCen"> <div class="afterRegister none"> <p class="fontSize18 mt-10 mb-10"><img src='/assets/new-ui/rsz_tick1.png' width="24" height="24" alt="tick" class="verticalAlignMid mr-10"/>You have <span class="registeredSuccess">successfully</span> registered</p> </div> <p class="fontSize18 loud mb-20 color000 textAlignCen mt-30">HTML Basics – Building the Web from Scratch by Anil Kumar </p> <div class="display-IB mr-10 pos-rel"> <img src='https://p.urbanpro.com/tv-prod/member/photo/3696845-medium130.jpg' width="85" height="85" alt="Anil Kumar picture"/> <div class="liveTag">LIVE</div> </div> <div class="display-IB verticalAlignTop textAlignLeft"> <p class="mb-10"><span class="icon-calendar verticalAlignMid mr-5"></span></p> <div class="displayFlex mb-15 width100p"> <div class="fontSize12 mr-10 colorSeagreen" style="border-right: 1px solid;padding-right: 10px;">Class <br/>starts in</div> <div class="textAlignCen"> <div class="display-IB mr-10"> <p class="days">00</p> <p class="fontSize9 colorSeagreen">Days</p> </div> <div class="display-IB mr-10"> <p class="hours">01</p> <p class="fontSize9 colorSeagreen">Hour</p> </div> <div class="display-IB mr-10"> <p class="min">01</p> <p class="fontSize9 colorSeagreen">Min</p> </div> <div class="display-IB"> <p class="sec">01</p> <p class="fontSize9 colorSeagreen">Sec</p> </div> </div> </div> <div class="mb-30 afterRegister none"> <a class="pointer googleLink">Add to Google Calendar</a> </div> </div> <div class="beforeRegister mb-20 none"> <div class="textAlignCen mt-20"> <p class="fontSize17 mb-30">Select One</p> <form action="/course2/doPaidWorkshopPayment" method="post" name="orderSummaryForm" id="orderSummaryForm"> <input type="hidden" name="topicId" value="999"> <div class="allWorkshopPlans"> </div> <div class="mt-50 mr-10 mb-30"><span class="primaryButton toNone loud fontSize15 registerWorkshop" style="padding: 10px 45px;" onclick="registerPlan(this)">Register Now</span></div> </form> <div class="fixedDiv none"></div> </div> <div class="widthFit marginXAuto textAlignCen"><a class="primaryButton toNone loud pointer" onclick="registerPlan(this)">Yes, Register</a></div> </div> <div class="mt-10 mb-30 beforeRegister textAlignCen "> <p class="mb-20 loud">Do you want to Register for this Free class?</p> <a class="primaryButton toNone loud pointer confirmReg mr-20" onclick="confirmRegistration();">Yes, Register</a> <span class="blueColor notReg pointer">No, not right now</span> </div> <div class="mt-60 mb-30 afterRegister none textAlignCen"> <p class="mb-30">Tell us a little more about yourself</p> <form action="/need/newNeedSlideAttributes" method="post"> <button type="submit" class="primaryButton toNone loud display-IB"> Continue </button> <input type="hidden" name="catName" value="HTML Basics – Building the Web from Scratch" id="catName"/> <input type="hidden" name="fromPage" value="/ubDiskCache/fetchDiskCacheForUrl" id="fromPage"/> <input type="hidden" name="uId" value="" id="uId"/> <input type="hidden" name="source" value="SEO_SEARCH_NEW_POPUP_18_3_2016" id="source"/> <input type="hidden" name="onlineClasses" value="on" id="onlineClasses"/> <input type="hidden" name="hideClassLocation" value="true" id="hideClassLocation"/> </form> </div> </div> </div> <div class="urbanproPopup loginSignForCourse"> <span class="urbanproPopupClose fontSize20">✕</span> <p class="fontSize18 loud mb-20 color000">HTML Basics – Building the Web from Scratch by Anil Kumar </p> <div class="display-IB mr-10 pos-rel"> <img src='https://p.urbanpro.com/tv-prod/member/photo/3696845-medium130.jpg' width="85" height="85" alt="Anil Kumar picture" loading="lazy" decoding="async"/> <div class="liveTag">LIVE</div> </div> <div class="display-IB verticalAlignTop"> <p class="mb-10"><span class="icon-calendar verticalAlignMid mr-5"></span></p> <div class="displayFlex mb-15 width100p"> <div class="fontSize12 mr-10 colorSeagreen" style="border-right: 1px solid;padding-right: 10px;">Class <br/>starts in</div> <div class="textAlignCen"> <div class="display-IB mr-10"> <p class="days">00</p> <p class="fontSize9 colorSeagreen">Days</p> </div> <div class="display-IB mr-10"> <p class="hours">01</p> <p class="fontSize9 colorSeagreen">Hour</p> </div> <div class="display-IB mr-10"> <p class="min">01</p> <p class="fontSize9 colorSeagreen">Min</p> </div> <div class="display-IB"> <p class="sec">01</p> <p class="fontSize9 colorSeagreen">Sec</p> </div> </div> </div> </div> <form class="signUpForm validateForm"> <div class="provEdtFeild fullNameBlock required"> <div class="inputGroup" style="margin-top:15px"> <input id="name" type="text" class="halfColrd nameField fullName" value="" name="fullName" placeholder=" " required/> <label>Full Name</label> </div> <p class="errorMsg">Please enter Student name</p> </div> <div class="provEdtFeild emailField required"> <div class="inputGroup"> <input type="text" class="" value="" name="username" placeholder=" " required autocomplete="off"/> <label>Email</label> </div> <p class="errorMsg">Please enter your email address.</p> </div> <div class="mobileNumWithCountryCode"> <div class="provEdtFeild mobileNumber mb-18 newMobileNumBlck required"> <div class="inputGroup pos-rel"> <div class="provEdtFeild countryCode mb-13"> <div class="selectGroup"> <select name="countryId" class="mb-0 countryId countryIdChnge"> </select> </div> </div> <input type="number" class="halfColrd phoneNumberValue makeEdit" value="" name="MOBILE" maxlength="10" required placeholder=" " autocomplete="off" data-validation="internationalPhone"/> <label class="mobileNumLabel">Mobile number</label> <p class="errorMsg">Please enter phone number.</p> </div> </div> </div> <div class="textAlignCen mt-50"> <input type="button" value="Continue" class="primaryButton toNone loud" onclick="loginSignForCourse(this);"/> <p class="trmsLink mt-15"> By Signing up, you agree to our <a href="https://www.urbanpro.com/terms-of-use" target="_blank">Terms of Use</a> and <a href="https://www.urbanpro.com/privacy-policy" target="_blank">Privacy Policy</a> </p> </div> </form> </div> <div class="urbanproPopup" id="otpPopup"> <div> <p class="textAlignCen fontSize18 loud 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" 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" width="16" height="16" loading="lazy"/></span> <span class="updateNumber numUpdated"><img src="https://c.urbanpro.com/assets/mobile/tick-1c742ea970396e7cfa7fb60b13a9cf58.png" 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> </ul> <ul class="footer-social" 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"/> <li><a itemprop="sameAs" href="https://www.facebook.com/UrbanProApp" target="_blank" rel="noreferrer" aria-label="Facebook"> <span class="icon-facebook-square"></span></a></li> <li><a itemprop="sameAs" href="https://www.instagram.com/urbanpro_for_learners/" target="_blank" rel="noreferrer" aria-label="Instagram"> <img src="https://c.urbanpro.com/assets/new-ui/instagramIcon-089468b436b5362e2a3dfefe40866eec.png" width="21" height="21" alt="" loading="lazy" decoding="async" loading="lazy" decoding="async"/></a></li> <li><a itemprop="sameAs" href="https://twitter.com/urbanproapp" target="_blank" rel="noreferrer" aria-label="Twitter"> <img src="https://c.urbanpro.com/assets/new-ui/TwitterIcon-6ef8929db6745fd3d99eea6a65eadbff.png" width="21" height="21" alt="" loading="lazy" decoding="async"/></a> </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-2025 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-ddc121069ed356be14a064459559ab2e.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> <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/member/photo/3696845-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>
-