Posts

Showing posts from September, 2023

WD 8. Forms&InputTags

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Forms </ title > </ head > < body >     < h2 > This is HTML forms tutorial </ h2 >     < form action = "backend.php" >         < label for = "name" > NAME </ label >         < div >             < input type = "text" name = "myName" id = "name" >         </ div >                 < div >             ROLE: < input type = "text" name = "myRole" >         </ div >                 < div >             EMAIL: < input type = "email" name = "myEmail" >         </ div >                 < div >             DATE: < input type = "date&

WD 7. List&Tables

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Tables and Lists </ title > </ head > < body >     < ul type = "disc" >         < li > This is first item of my unordered list </ li >         < li > This is second item of my unordered list </ li >         < li > This is third item of my unordered list </ li >     </ ul >     < ul type = "square" >         < li > This is first item of my unordered list </ li >         < li > This is second item of my unordered list </ li >         < li > This is third item of my unordered list </ li >     </ ul >     < ul type = "circle" >         < li > This is first item of my unordered list &

WD 6. AddingImages&Link

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Links and images </ title > </ head > < body >     <!--body and a is tag and href is attribute -->     <!-- target="_blank" is use to open in new tab -->     < a href = "https://google.com" target = "_blank" > Go to google </ a >< br >     < a href = "https://facebook.com" target = "_blank" > Go to facebook </ a >< br >     < a href = "https://twitter.com" target = "_blank" > Go to twitter </ a >< br >     < a href = "https://linkedin.com" target = "_blank" > Go to linkedin </ a >< br >     < a href = "/4. tutorial.html" tar

WD 5. HTMLBody_Para&HeadingTags

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Heading, Paragarph and Emmet </ title > </ head > < body >     < h1 > Harry </ h1 >     < h2 > Harry </ h2 >     < h3 > Harry </ h3 >     < h4 > Harry </ h4 >     < h5 > Harry </ h5 >     < h6 > Harry </ h6 >     < p > This is Harry </ p >     <!-- "lorem4" for dummy text with 4 words, and "lorem40" for 40 words -->     <!-- and "strong" and "b" and "em" and "i" both are same respectively-->     <!-- but instead of using "b" and "i" it's better to use "strong" and "em"-->     < p > Lorem ipsum dolor sit. Lorem

WD 4. HTMLHead_Title,Link,Script&MetaTags

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta name = "description" content = "This is description" >     <!-- below line is to represent if people search like that as in content     it show's our website -->     < meta name = "keywords" content = "html, html tutorials, web development" >     <!-- below line decide to "INDEX", "FOLLOW" to ur website -->     < meta name = "robots" content = "INDEX, FOLLOW" >     < title > Title, Link, Script and Meta tags </ title >     <!-- This is how u include external css -->     < link rel = "stylesheet" href = "harry.css" >     <!-- This is how you include external JavaScript -->  

WD 1a. IntroToHTML&CSS

Image
<!-- This is doctype --> <! DOCTYPE html > <!--Our HTML code starts here --> < html lang = "en" > <!--Our Head code starts here --> < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > This is title </ title > </ head > <!--Our Body code starts here --> < body >     yeh meri body ka content hai </ body > </ html > #IntroToCSS body {     background-color : red;     color : white; } #output: