Posts

Showing posts from June, 2024

Fonts in CSS

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style.css" >         < title > Font </ title >     </ head >     < body >         < h1 > Main Heading </ h1 >         < p > Lorem ipsum, dolor sit amet consectetur adipisicing elit.             Assumenda libero non cum laudantium ullam aliquam quos             nobis a fugiat. Reiciendis, quis id ut nisi pariatur,             sit accusamus culpa quibusdam voluptate, eius voluptatem.             Rerum enim nam ...

CSS applying different ways

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style.css" >         < title > Different ways to apply CSS </ title >         <!-- <style>             h1{                 color: green;             }         </style> -->     </ head >     < body >         <!-- <h1 style="color: red">Heading</h1> -->           < h1 > Heading </ h1 >     </ body > </ html > h1 {     color :...

Meta Tags HTML

  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < meta name = "author" content = "Harshit vashisth" >         < meta name = "description" content = "This is metatag tutorial" >         < meta name = "keywords" content = "lesson, tutorial, html tutorial" >         < title ></ title >     </ head > </ html >

Div and Span Tag in HTML

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > Div and Span Tag in HTML </ title >         < style >             .container1 {                 background-color : black ;                 color : white ;             }             .container2 {                 background-color : brown ;                 color : white ;             }             .cls {              ...

ID and Classes in HTML

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > ID and Classes </ title >         < style >             .heading1 {                 color : red ;             }             .lines {                 color : blue ;             }             #heading2 {                 color : brown ;             }             #lines2 {                 color...

HTML Form with RadioButton, DropdownList, Textarea, Pick Color, Date

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > Exercise 3 </ title >     </ head >     < body >         < h1 > Sign Up Form </ h1 >         < form action = "thankyouPage.html" method = "GET" >             < label for = "username" > Username : </ label >             < input type = "text" id = "username" name = "username" placeholder = "Enter Username" required >< br >< br >             < label for = "password" > Password : </ label >             < input type = "text...

More Form Element in HTML

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > More Form Element </ title >     </ head >     < body >         < form >             < p > comment below </ p >             < textarea name = "" id = "" cols = "30" rows = "10" placeholder = "type here..." ></ textarea >< br >< br >             Pick color : < input type = "color" name = "" id = "" >< br >< br >             Date : < input type = "date" name = "" id = "" >< br >< br >           ...

Dropdown List in HTML

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > Dropdown List in HTML Form </ title >     </ head >     < body >         < h1 > Dropdown List in HTML </ h1 >         < form action = "thankyouPage.html" method = "GET" >             < label for = "username" > Username : </ label >             < input type = "text" id = "username" name = "username" placeholder = "Enter Username" required >< br >< br >             < label for = "password" > Password : </ label >            ...

Quotation in HTML

  <! DOCTYPE html > < html lang = "en" > < html >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > Quotation </ title >     </ head >     < body >         <!-- HTML Quotation and Citation Elements         - <abbr> Defines an abbreviation or acronym         - <address> Defines contact information for the author/owner of a document.         - <bdo> Defines the text direction         - <blockquote> Defines a section that is quoted from another source         - <cite> Defines the title of a work         - <q> Defines a short inline quotation     ...

Color in HTML

  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title > Color </ title >     </ head >     < body >         <!-- by name -->           <!-- <p style="color: red">             Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla reprehenderit vero ducimus officiis harum qui est. Quo cupiditate eveniet assumenda eligendi. Dolor debitis ea, est eligendi exercitationem culpa illum consequuntur.          </p> -->         <!--          by rgb          r -> red (0 - 255)         ...