HTML page with (most) all elements, for styling

Question

Does anyone have or know of an HTML page containing all the elements (with lipsum text or whatever)? I could make one, but I figured someone must have already done this.

Answer 1

I am not sure does my HTML contain all elements or not but this is I am currently in use for styling typo & form.

    
        
        
        
        
    
    
        
Typography
        

        
Heading level 1
        
Heading level 2
        
Heading level 3
        
Heading level 4
        
Heading level 5
        
Heading level 6


        
Paragraph
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id risus quis purus mollis lobortis vel ac tellus. Nam pharetra lorem quis dui commodo dapibus. Curabitur aliquet sapien vitae ligula pretium sollicitudin. Sed sed magna eu risus placerat gravida non sit amet augue. Morbi volutpat lobortis imperdiet. Sed elit purus, commodo a mi in, condimentum sagittis urna. Etiam condimentum pharetra cursus. Aliquam erat volutpat. In vel diam nulla. Praesent faucibus augue quis dui vehicula, a consequat est fringilla. Sed nec nisi fermentum, maximus nunc ac, hendrerit lorem. Proin mollis metus in erat dictum egestas. Proin nec ipsum viverra, scelerisque nisi in, faucibus nulla.
        
Aliquam erat volutpat. Donec sagittis libero ac justo suscipit laoreet. Suspendisse ut sem vel augue vulputate sodales blandit sit amet metus. Quisque porta consectetur efficitur. Duis venenatis nisl in mollis convallis. Pellentesque quis accumsan orci. Nulla porta arcu quis laoreet sagittis. Aliquam erat volutpat. Suspendisse sagittis, turpis vel posuere suscipit, dolor nunc sodales est, quis cursus dui elit vel nisl.
        
Nunc accumsan molestie nisl non malesuada. In egestas tellus lectus, nec venenatis tellus pulvinar vel. Fusce consectetur sodales ante, sed vehicula mauris pulvinar non. Cras tempor ante nec nibh iaculis aliquet. In quis velit non dui dapibus tempus quis sed velit. Morbi a ornare sem. Maecenas ornare molestie ex, sed maximus lorem viverra at. In tincidunt vel purus et suscipit. Aenean aliquam neque et ipsum volutpat, eu laoreet justo vestibulum. Maecenas quam turpis, convallis id nibh efficitur, interdum volutpat elit. Suspendisse potenti. Nulla in vulputate massa.
        
Quisque laoreet tincidunt massa, non pulvinar eros euismod sit amet. Maecenas non lorem vitae lorem condimentum posuere. Maecenas ac lectus elit. Nullam feugiat scelerisque interdum. Nullam volutpat tincidunt viverra. Suspendisse egestas venenatis orci. Nunc vehicula ut dolor aliquet finibus.
        
Donec tempus vestibulum odio vel consectetur. Donec sed feugiat tortor. Mauris iaculis nunc in orci suscipit, vel egestas orci pulvinar. In dapibus tortor ornare, eleifend eros eu, suscipit neque. Morbi quis pellentesque turpis, sit amet imperdiet augue. Mauris porttitor congue imperdiet. Quisque aliquet id quam a placerat. Fusce maximus in nibh vel ultricies.
        
Normal, abbr, del, dfn, em, ins, mark, strike through, small, strong, sub, sup, u
        
Thai language

        
กาญจน์ ซังเตผลักดันม้ง แฟนซีอิ่มแปร้ นายพรานยูโร เมคอัพ แรงใจซัพพลายเจ็ต ลอจิสติกส์ คีตกวีแหวว งั้นวิก ฟีดม้งโปรโมทตัวเองแพนดา เวสต์เอนทรานซ์ บรรพชนแบล็คภควัมปติซูฮก ตัวตนโมเดิร์นอัลมอนด์คาแร็คเตอร์ เซลส์แมน ศึกษาศาสตร์เก๋ากี้เช็งเม้งกระดี๊กระด๊าซิง มาม่าโลโก้ฟาสต์ฟู้ดคอมพ์
        
แอปเปิ้ลแมกกาซีนยาวี ไอซียูปัจเจกชนเป่ายิ้งฉุบไฮไลท์เตี๊ยม ซีรีส์กัมมันตะแม่ค้าโอเลี้ยงวิน เลิฟต่อยอดผลไม้ พงษ์ดิกชันนารีซูม นิรันดร์ไฟลต์โดมิโน คันธาระเทค ควีนแรงดูดโค้ชแมชชีน ก่อนหน้ารีสอร์ทฮ็อตด็อกเฝอเบลอ ราชานุญาตออร์เดอร์วอเตอร์รุสโซแซมบ้า ก๊วนเหมยโหลยโท่ยซินโดรมดยุค ซื่อบื้อมาร์จินสต๊อกแม่ค้าเฟรชชี่ เพรสโฮสเตสคลับลาเต้ ตัวเองแทคติคฟีเวอร์แอ๊บแบ๊วลิมิต เจล น้องใหม่ซีรีส์แบคโฮแอดมิชชั่นเบนโล
        
เฟอร์รี่ เยอบีราแรงผลักเดบิต ราเม็งซีรีส์วาริชศาสตร์แจ๊สสามช่า บึมหน่อมแน้ม แรลลี ไฟต์คอรัปชั่น โมเดิร์นซิตี้เอ็นจีโอป๊อกเซลส์แมน เปปเปอร์มินต์ ไลฟ์พงษ์ศิลปวัฒนธรรมล็อบบี้เทียมทาน ฮ่องเต้หลวงตาบลอนด์ แรงใจแมชชีนเทวาป๋าเธค โพลารอยด์โกลด์สเตชันบอมบ์หมั่นโถว แฮนด์จูนแอลมอนด์ งี้ป๋อหลอสังโฆสี่แยกโพสต์ จูนคอมเพล็กซ์แฟนตาซีเนิร์สเซอรี่ ซานตาคลอสผลไม้เนอะ
        
เตี๊ยมแพนดาโบว์ลิ่ง โนติสล้มเหลวแจมหมั่นโถวแจ็กเก็ต พลานุภาพแจ็กพอตโหงว เจ็ต เช็ก เทคโนแครตสุนทรีย์ ทิป จิ๊กซอว์เทียมทานสเตย์ทอล์คบาลานซ์ เพรียวบางเลคเชอร์โฟล์ค กรอบรูป พาสปอร์ตคอรัปชั่นเปโซแมชีนเกจิ มั้ย ยาวี โคโยตี้เลกเชอร์เรตถ่ายทำติ๋ม มั้ยแจ๊กพ็อต สปอร์ตเธค
        
เมี่ยงคำ โรแมนติกโทรโข่งไคลแมกซ์เยลลี่ วิวรุมบ้า เดอะ พลานุภาพยิวเสือโคร่งเยนไฟต์ เพลซโครนาเวสต์โหลน สวีทระโงกช็อต จุ๊ยคอนโด สามแยกเอาต์เฝอ เทรลเล่อร์รอยัลตี้แอปเปิ้ลซีรีส์แจ็กพ็อต ทำงานโค้ช สต็อกศิลปวัฒนธรรมศากยบุตร รีโมตดีเจสปอร์ตปฏิสัมพันธ์ ตุ๊กแม่ค้าซูฮกงี้ วอลซ์บ็อกซ์ป๊อปอาร์พีจีปฏิสัมพันธ์ วิภัชภาคลาติน
        
By lorem.in.th

        
Links
        
These are links: never visited link (just don't click or it will becomes visited), visited link. Mouse hover to see effects.

        
Lists
        
Unordered list
        

            
List item with a much longer description or more content.
            
List item
            
List item
                

                    
Nested list item
                    
Nested list item
                    
Nested list item
                
            
            
List item
            
List item
            
List item
        
        
Ordered list
        

            
List item with a much longer description or more content.
            
List item
            
List item
                

                    
Nested List Item
                    
Nested List Item
                    
Nested List Item
                
            
            
List item
            
List item
            
List item
        
        
Mixed
        

            
List item with a much longer description or more content.
            
List item
            
List item
                

                    
Nested list item
                    
Nested list item
                    
Nested list item
                
            
            
List item
            
List item
            
List item
        
        

            
List item with a much longer description or more content.
            
List item
            
List item
                

                    
Nested List Item
                    
Nested List Item
                    
Nested List Item
                        

                            
Nested List Item
                            
Nested List Item
                            
Nested List Item
                                

                                    
Nested List Item
                                    
Nested List Item
                                    
Nested List Item
                                        

                                            
Nested list item
                                            
Nested list item
                                            
Nested list item
                                        
                                    
                                
                            
                        
                    
                    
Nested List Item
                    
Nested List Item
                
            
            
List item
            
List item
            
List item
        
        
Definition list
        

            
Definition list
            
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                commodo consequat.
            
Lorem ipsum dolor sit amet
            
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                commodo consequat.
        
        
Details & Summary
        

            
Question 1
            
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.
            

                
Related documents
                

                    
Lorem ipsum dolor sit amet,  consectetuer adipiscing elit.
                    
Aliquam tincidunt mauris eu  risus.
                    
Lorem ipsum dolor sit amet,  consectetuer adipiscing elit.
                    
Aliquam tincidunt mauris eu  risus.
                
            
        
        

            
Question 2
            
Duis consequat metus et eros rutrum, interdum facilisis urna interdum. Etiam facilisis diam in libero varius ultricies id id est. Sed lacinia pellentesque sem vel sagittis.
        

        
Blockquote
        
Those people who think they know everything are a great annoyance to those of us who do.Isaac Asimov

        
Code
        
This is inline code <div>div element</div>. This is sample output sample And below is block code.
        
<div>
    div element
    <p>paragraph</p>
</div>
        
The input keyboard Ctrl+S. This is variable: y = mx + b

        
Table
        

            

                

                    
Table heading
                    
Table heading
                
            
            

                

                    
Table footer
                    
Table footer
                
            
            

                

                    
Table data
                    
Table data
                
                

                    
Table data
                    
Table data
                
                

                    
Table data
                    
Table data
                
                

                    
Table data
                    
Table data
                
            
        

        
Form elements
        

            

                
Input types
                    

                        Input Color

                        
                    
                    

                        Input Date

                        
                    
                    

                        Input Datetime-local

                        
                    
                    

                        Input Email

                        
                    
                    

                        Input File

                        
                    
                    

                        Input Hidden

                        
                    
                    

                        Input Month

                        
                    
                    

                        Input Number

                        
                    
                    

                        Input Password

                        
                    
                    

                        Input Range

                        
                    
                    

                        Input Search

                        
                    
                    

                        Input Tel

                        
                    
                    

                        Input Text

                        
                    
                    

                        Input Time

                        
                    
                    

                        Input Url

                        
                    
                    

                        Input Week

                        
                    

            
            

                Input Text read only

                
            
            

                 Input radio option 1

                 Input radio option 2
            
            

                 Input radio option 1

                 Input radio option 2
            
            

                 Input checkbox 1

                 Input checkbox 2
            
            

                 Input checkbox 1

                 Input checkbox 2
            
            

                Textarea

                
            
            

                Textarea disabled

                
            
            

                Textarea readonly

                
            
            

                Select box

                
                    
                        1
                        2
                        3
                    
                    
                        1
                        2
                        3
                    
                    out of optgroup
                
            
            

                Select multiple

                
                    Use Ctrl+click to select multiple options
                    1
                    2
                    3
                    4
                
            
            

                Select disabled

                
                    1
                    2
                    3
                
            
            

                Normal button
                Submit button
                Reset button
                Disabled button
            
            

                
                
                
                
            
            

                Anchor button
                Anchor disabled button
            
        


        
Thanks to rundiz.com



         
    

You can see it on Github Gist or Codepen.

If I missed something, please tell me or you can update it to Github and then post your link here.