Full Stack Learning : Day 2 Insights

HTML list items:
In HTML, the list items
used to define elements inside a list structure.
Display steps or sequences.
To group related items
Helps with semantic structure of web page.

Block elements:
● Always starts on a new line
● Takes up the full…


This content originally appeared on DEV Community and was authored by VIDHYA VARSHINI

HTML list items:
In HTML, the list items

  • used to define elements inside a list structure. Display steps or sequences. To group related items Helps with semantic structure of web page.

    Block elements:
    ● Always starts on a new line
    ● Takes up the full width of its parent container by default
    Example:

    ,

    Inline Elements:
    ● Does not start on a new line
    ● Only takes up as much width as necessary
    Example: ,

    Shortcut: Ctrl + Shift + I - Alignment
    Shift + I - ! Then if we press enter, default syntax will come.

    Two types of list styling:
    Ordered list: Display items in a numbered sequence.

    This will appear as :

    1. First item
    2. Second item
    3. Third item

    Unordered list: Display items in not a particular order like bullets instead of numbers.

    This will appear as
    ● HTML
    ● CSS
    ● JavaScript


    • This content originally appeared on DEV Community and was authored by VIDHYA VARSHINI


    Print Share Comment Cite Upload Translate Updates
    APA

    VIDHYA VARSHINI | Sciencx (2025-07-09T18:44:34+00:00) Full Stack Learning : Day 2 Insights. Retrieved from https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/

    MLA
    " » Full Stack Learning : Day 2 Insights." VIDHYA VARSHINI | Sciencx - Wednesday July 9, 2025, https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/
    HARVARD
    VIDHYA VARSHINI | Sciencx Wednesday July 9, 2025 » Full Stack Learning : Day 2 Insights., viewed ,<https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/>
    VANCOUVER
    VIDHYA VARSHINI | Sciencx - » Full Stack Learning : Day 2 Insights. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/
    CHICAGO
    " » Full Stack Learning : Day 2 Insights." VIDHYA VARSHINI | Sciencx - Accessed . https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/
    IEEE
    " » Full Stack Learning : Day 2 Insights." VIDHYA VARSHINI | Sciencx [Online]. Available: https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/. [Accessed: ]
    rf:citation
    » Full Stack Learning : Day 2 Insights | VIDHYA VARSHINI | Sciencx | https://www.scien.cx/2025/07/09/full-stack-learning-day-2-insights/ |

    Please log in to upload a file.



    There are no updates yet.
    Click the Upload button above to add an update.

    You must be logged in to translate posts. Please log in or register.

    Related Posts