h1 headline
h2 headline
h3 headline
h4 headline
h5 headline
h6 headline
hr Horizontal line below
This would be the content portion of the webpage.
this is a centered h4
This section is a <p> inside the container id and the color is different than the background just so you can see it.
You can see the first line of the paragraph is indented by 30 pixels and the First Letter is biger and bolder and I gave the the paragraph 5px of padding to separate them a bit.
This is a paragraph <p> with the class noindent. this is strong text , this is EMphasized text., This italic text, This bold text, This page is written in HTML this is an example of an abbr
This is an example of all the font size classes I have set up in my style sheet (<span class="XXL">XXL EXtra EXtra Large text </span>), XXS eXtra eXtra small text , XS eXtra small text , S small text , M Medium text , L Large text , XL EXtra Large text , XXL eXtra eXtra Large text , XXSred eXtra eXtra small red text , XSred eXtra small red text , Sred S small red text , Mred medium red text , Lred Large red text , XLred eXtra Large Red text , XXLred eXtra eXtra Large red text , XXSblue eXtra eXtra small blue text ,XSblue eXtra small blue text ,Sblue Small blue text , Mblue Medium blue text , Lblue Large Blue text , XLblue eXtra Large Blue text ,XXLblue eXtra eXtra Large blue text
Of course you do not need to use all those classes to style your text except in special exceptions. As you can see this <p> is styled in the style sheet so all text in a <p> element will be the same. You don't have to set a class for every block of text like you had to in the old days with font tags.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.
Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.
Extreamly useful Presentational elements and attributes just what I needed to change table settings that used to be valid over to CSS
This is a table header th which has been 2 column spanned. This is the structure of the table, normally you would not see it because the border="0" is set to 0 so it does not show the border structure of the table visible to the viewer. This would be the top Column row span which spans the two data columns table. If there were two sets of <td> </td> instead of the colspan command it would create another row of two columns. The header would be here with the logo and images would be here inside another table which places the elements of the header, | |
---|---|
This is the left column where the navigation code would go. The column is 15% wide HTML-HELP Scott's World https://scottsworld.info/ |
This is the right data column where the contents go. The column is 85% wide Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. |
List examples
EXAMPLE:- un ordered list first list item
- second list item
- third list item
- fourth list item
- fifth list item
EXAMPLE:
- ol ordered list first list item
- second list item
- third list item
- fourth list item
- fifth list item
- This is a Definition Title it will not be indented, it is bigger and bold
- This is a Definition Data it will be indented
hr Horizontal line below
hr Horizontal line below