எண் வரிசைப்பட்டியல்/வரிசைப்படுத்தப்பட்ட பட்டியல் :
எண் வரிசைப்பட்டியானது < OL >...< /OL > என்ற இணை ஒட்டுகளால் உருவாக்கப்படுகின்றன. பட்டியலில் ஒரு உருப்படியை சேர்க்க < LI > ஒட்டானது பயன்படுகிறது. எண் வரிசைப்படியோ அல்லது அகல வரிசைப்படியோ அல்லது அகல வரிசைப்படியோ பட்டியலிட்டு காட்டும். < OL > மற்றும் < LI > என்ற இரண்டு ஒட்டுகளும் அடைவு ஒட்டுகளாகும். ஆனால் வழக்கமான நடைமுறையில் < /LI > என்ற முடிவு ஒட்டானது பயன்படுத்தப்படுவதில்லை.
எண் வரிசைப்பட்டியிலை விளக்கும் HTML நிரல் 
< html >
< head >
< tittle > Number  List < /tittle >
< /head >
< body >
< OL >
< LI > Tamil
< LI > Telugu
< LI > English
< LI > Computer Application
< LI > Commerce
< LI > Accountancy
< LI > Economics
< /OL >
< /body >
< /html >

HTML ஆனது மூன்று வகையான பட்டியல்களை உடையது. அவை முறையே:
1. வரிசை புகுத்தப்பட்ட பட்டியல்கள் 
2. வரிசை புகுத்தப்படாத பட்டியல்கள் 
3. வரையறை பட்டியல்கள் 

தடிமன் அளவானது புள்ளிகளில் தரப்படும் பிக்சல் (Pixels) என்பது கணிப்பொறி திரையில் காட்சிகளை தோற்றுவிக்கும். புள்ளிகளுக்குள் ஒரு சிறிய புள்ளியாகும். பொதுவாக ஒரு அங்குலத்திற்கு 72 புள்ளிகள் ஆகும்.
எ.கா :
< hr size = 72 > கிடைமட்ட வரியானது 1 அங்குல தடிமனுடன் தோன்றும், கொடாநிலை தடிமன் அளவு 3 புள்ளிகள் ஆகும்.

< html >
< head >
< title > Hyperlink < /title >
< /head >
< body >
< a href = "https://www.w3 schools.com" > w3schools < /a >
< /body >
< /html >

அட்டவணையை உருவாக்க இந்து முக்கிய ஒட்டுகள் பயன்படுகின்றன. அவை 
1. < table > ஒட்டானது அட்டவணையை உருவாக்க உதவுகிறது.
2. < tr > ஒட்டானது அட்டவணையில் வரிசையை வரையறுக்க உதவுகிறது.
3. < th  > ஒட்டானது அட்டவணையில் நெடுவரிசையை வரையறுக்க உதவுகிறது.
4. < td > ஒட்டானது அட்டவணை தரவினை உருவாக்கப் பயன்படுகிறது.
5. < caption > ஒட்டானது அட்டவணையில் தலைப்பினை வரையறுக்க உதவுகிறது.

HTML CODE:
< html >
< head >
< tittle > Course < /tittle >
< /head >
< body >
I am studying Computer Scince Application
< /body >
< /html >

HTML CODE :
< html >
< head >
< tittle > Table with Attribute < /tittle >
< /head >
< body >
< table cellspacing = 10 cellpadding = 10 border = 10 bordercolor = blue align = center bg color = yellow width = 50% >
< TR >
< TH ROWSPAN = 3 > < /TH >
< TH COLSPAN = 4 > B < /TH >
< TR >
< TR >
< TH > C < /TH >
< TH > D < /TH >
< TH > E < /TH >
< TH ROWSPAN = 2 > G < /TH >
< /TR >
< TR >
< TH COLSPAN = 3 > F < /TH >
< /TR >
< /table >
< /body >
< /html >

< table > ஒட்டானது அடைவு ஒட்டாகும். அட்டவணையின் வடிமைப்பை மேம்படுத்த பல்வேறு பண்புக்கூறுகள் உள்ளன. அவை பின்வருமாறு பட்டியலிடப்பட்டுள்ளன: 
(i) Cell spacing:
அட்டவணையில் உள்ள சிற்றறைகளுக்கு இடையே இடைவெளியை அமைக்கப் பயன்படுகின்றது. அதனுடைய மதிப்பானது புள்ளிகளில் கொடுக்கப்ட வேண்டும்.
(ii) Cell padding:
அட்டவணையில் சிற்றறை களுக்குள் உள்ள பொருளடக்கத்திற்கும் சிற்றறையின் எல்லைகளுக்கும் இடையேயான இடைவெளியை அமைக்கப் பயன்படுகிறது. இதன் மதிப்பானது புள்ளிகளில் கொடுக்கப்ட வேண்டும்.
(iii) Border:
< table > ஒட்டுடன் பயன்படுத்தப்படும் border பண்புக்கூறானது, சுற்றியுள்ள எல்லைக்கோடுகளின் தடிமனளவை குறிக்க பயன்படுகின்றது. Border பண்புக்கூறின் மதிப்பானது பூஜ்யம் அல்லாத மதிப்பாக புள்ளிகளில் கொடுக்கப்ட வேண்டும். Border பண்புக்கூறின் மதிப்பு பூஜ்யமாக இருந்தால், HTML ஆனது அட்டவணையை எல்லைக் கோடுகளின்றி வெளிப்படுத்தும். பெரும்பாலான வலை உலாவிகளில் கொடாநிலையாக இதன் மதிப்பு பூஜ்யமாக இருக்கும்.
(iv) Border color:
அட்டவணையின் எல்லைக் கோடுகளுக்கு வண்ணத்தினை அமைக்க பயன்படுகின்றது.
(v) Align: Align)
பண்புக்கூறானது உலாவியின் ஜன்னல் திரையில் அட்டவணையை ஒழுங்குப்படுத்துகிறது.
(vi) BGcolor: 
அட்டவணையின் பின்புற வண்ணத்தை . அமைக்க பயன்படுகின்றது.
(vii) Height and Width:
அட்டவணையின் அகலத்தையும், உயரத்தையும் குறிக்க Width மற்றும் Height பண்புக்கூறுகளானது பயன்படுகிறது. அதன் மதிப்புகளானது புள்ளிகள் அல்லது சதவீதத்தில் கொடுக்கப்பட வேண்டும்.