Download ArticleDownload ArticleHow.com.vn is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, volunteer authors worked to edit and improve it over time.
This article has been viewed 45,367 times.
Learn more...
Lists are oftentimes used for text; however, it is also possible to add images to a list. To learn how to add photos to a list in HTML programming, follow the steps below.
Steps
- 1Create the unordered list.
- The ul element is what groups list elements together in an unordered fashion. To create the ul element, add the following into the HTML text editor:
- 2Create list tags inside of the unordered list tags. [1]
- To create the list tags, add the following into the HTML text editor:
Advertisement - 3Insert the image tag inside of the list tags.
- To create the image tags, add the following into the HTML text editor:
4Paste the path of the desired image into the src="".- The image tags require information about the desired image in order to display it. Copy the file path for the desired image and then paste the path into the src="" like in the image.
5If multiple images per list item is desired, duplicate the image tag.- It is possible to have multiple images in each list item. In order to do so, add the text like in the image.
- 1Create the ordered list.
- The ol element is what groups list elements together numerically. To create the ol element, add the following into the HTML text editor:
- The ol element is what groups list elements together numerically. To create the ol element, add the following into the HTML text editor:
- 2Create list tags inside of the ordered list tags.
- To create the list tags, add the following into the HTML text editor: [2]
- 3Insert the image tag inside of the list tags.
- To create the image tags, add the following into the HTML text editor:
4Paste the path of the desired image into the src="".- The image tags require information about the desired image in order to display it. Copy the file path for the desired image and then paste the path into the src="" like in the image.
5If multiple images per list item is desired, duplicate the image tag.- It is possible to have multiple images in each list item. In order to do so, add the text from the image into the editor.
Expert Q&A
Tips
- Add information about the picture into alt="How.com.vn English: ". This will allow users who do not see the images information that they would otherwise not be able to obtain.Thanks
References
About This Article
Is this article up to date?
⚠️ Disclaimer:
Content from Wiki How English language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
