Temporary Title: Change the title via the <h1> tag
The text directly underneath the the <h1> tag is a <p> tag which can be used for any sort of normal text much like a description for the module.
This here is an unordered list hence the <ul> tag.
Inside the <ul> tag are the list items which are tagged as <li>.
The unordered list can also be given class attribute which can be useful when styling the list.
Now an ordered list will be shown. The <ol> tag will be used to create the list and similar to the items in the previous unordered list it will use the <li> tag.
Notice how this list is sorted versus the unordered list which is just marked with bullet points.
The numbering type can be changed in the stylesheet.
Sections after the <h1> tag should use the <h2> tag
This is the start of a new section which is indicated in the html page by a <section> tag along with the start of a new <h2> header.
If the editor is to make subsections under a <h2> tag then any heading used should be a <h3> tag.
Inserting an image into the module
Now an example of using images within a module will be shown. Before adding an image into a module make sure that the image file is in the scope of the project. Alternatively, an external link can also be used when inserting an image to a module so long as it is put in the href attribute.
This is a caption for the above figure using the <figcaption> tag.
To insert images, first start off with declaring the <figure> tag and then use the <img> tag for inserting the image itself. In the <img> tag there is a src attribute and alt attribute. One is for inserting the image's link or file directory while the other is for setting alternate text in case the image cannot be displayed, respectively.
Aside from images, if the editor wishes to implement icons then there is a separate folder in the files labeled icons.
Miscellaneous
Everything that has been mentioned should be enough to get you started on making another module if you wish to do so. The next few things to be mentioned are more minor things that haven't been covered yet.
Remember to keep typefaces in mind when typing out the information. These small things can make a difference to a reader when looking at a module, so be sure to be mindful of the reader and include these things if needed. Things such as italicizing or boldening can change how a reader may convey a piece of text. Use the <i> tag to italicize text and the <b> tag to make text bold. Alternatively, if the editor wishes to emphasize a certain piece of text more then they can use the <strong> instead of the bold tag.
When everything related to information is completed make sure to use the HTML validator to double check and make sure there aren't any errors in the file that could potentially alter the page itself. Make changes as necessary until the validator says there are no errors.
On a final note, any stylistic changes must be made on the stylesheet for it to be shown. This is where attributes such as id or class come in handy because then any stylistic changes can be made in the stylesheet.
To reiterate, this should just about cover everything needed to make an additional module if anyone chooses to do so.
.jpg.transform/9col/image.jpg)