# Chai aur HTML **Web Servers:** * Those servers who return HTML is known as Web Servers. HTML stands for " **Hyper Text Markup Language.** " ## **Boilerplate:** ```xml document ``` * Very Useful for Beginners , * Just write, " ! " and it will auto generate boilerplate. * It saves time and increases speed in Coding. ## **Headings :** There are six levels of headings. `

` `

` and `

` are most important headings, and `

` are not widely used now, less important. ```xml

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
``` * * * ## **Containers :** ```xml
This is a block container (div)
This is an inline container (span)

This is a paragraph

Preserves formatting and spaces
console.log("Code snippet")
A block quotation of text
``` ## **Text Formatting :** ```xml Bold text Important text (semantic) Italic text Emphasized text (semantic) Underlined text Highlighted text Smaller text Deleted text Inserted text Subscript Superscript ``` * * * ## **Lists :** ### **Ordered List :** ```xml
  1. First
  2. Second
``` * Use `type` and `start` attributes inside the `
    ` tag. * `type="A"` gives uppercase letters, (A, B, C...) * `
      ` Both can be used at same time. * `type="1"` → 1, 2, 3 (default) * `type="A"` → A, B, C (uppercase letters) * `type="a"` → a, b, c (lowercase letters) * `type="I"` → I, II, III (Roman numerals uppercase) * `type="i"` → i, ii, iii (Roman numerals lowercase) * `start="5"` means It will start by 5th letter (E, F, G...) * `start="5"` → 5 se start hoga * `start="10"` → 10 se start hoga etc. ### **Unordered List :** ```xml ``` ### **Definition List :** ```xml
      What is HTML
      HTML is a HyperText Markup Language. It is Known as the skeleton of the website.
      ``` * * * ## Media : ```xml Description ``` ## **Tables :** There are three Parts of Table in HTML , * `` Here we give the top heading inside the table like student marks, grade etc. * `` Here we add Real data like 99 marks,83 marks ,C grade ,B grade etc. * `` Here we add a final display colomn like Total Marks, CGPA, etc * `` use colspan to control and increase specific colomns width. * `` use rowspan to control and increase specific row’s height. ```xml    
      Column 1 Column 2
      Rowspan Data A Data B
      Data C Data D
      Total 100
      ``` ![](https://messages-prod.27c852f3500f38c1e7786e2c9ff9e48f.r2.cloudflarestorage.com/7d7ee137-9aad-4fec-80ee-a7920603dac4/1769459184709-019bfbfb-a799-722b-a98d-d4265a5c5cc4.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=af634fe044bd071ab4c5d356fdace60f%2F20260126%2Fauto%2Fs3%2Faws4_request&X-Amz-Date=20260126T202624Z&X-Amz-Expires=3600&X-Amz-Signature=6e49c47e3324b6f75a3b1bbd3411618f6f247e396154eb5ba294e4961a3802ce&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject align="left") * * * ## Links : ```xml Visit CodeWithHarry Send Email Jump to Section ``` * * * ## Forms : ```xml


      Subscribe
      Male Female









      ``` ### **HTML all input Types Image Preview:** ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769536164517/6375c49e-66c2-4533-a7b4-ac99577855d0.png align="center") * * * ### Auto Suggestion Search System Using HTML : ```xml Datalist Autocomplete

      Search Fruit

      ``` ## Output : ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769505092515/341cd3b8-1706-4860-8303-2b38a7db4670.png align="center") * * * ## **Semantic Elements :** ```xml
      Page header
      Main content
      Page footer
      Section of content
      Independent article
      ``` * * * You can find more of my work at [abdulrdeveloper.me](https://abdulrdeveloper.me) Read more posts at [blog.abdulrdeveloper.me](https://blog.abdulrdeveloper.me)