How to apply HTML and CSS tags.
Applying html tags
1. Open the file named nature.txt in noteped, located in practicefile-HTML-C2L5 folder.
2. Apply different HTML tags by inserting them in to your document.
3. For the document title, type:
4. Enclose the paragraph with the opening
tag and the closing
tag.5. Add and to the words "respect and explore" like this:
respect and explore
Do this also to the words "body and soul" on the paragraph. The tags will make these words bold and slanted.
6. Save the documents as nature.html on your preferred location.
7. View the file on your preferred browers.
Sample output:
Creating an External style sheet:
1. Create your style sheet in Notepad.
2. Save the style sheet with a .css extension. The file shouldbe stored in the same location as your HTMLfile/s. Example: "externalcss.css"
3. In your HTML file,type the tag inside the section this way:
4. Save and test your HTML file in a browser.
Sample Output:
Adding borders to a paragraph
css codes that you can use in adding paragraph,and also I'll be giving you the 9 possible borders that you can use
CSS codes of paragraph borders
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
Sample Output:




Nice blog
TumugonBurahinHelpful!👍👍
TumugonBurahinwow
TumugonBurahinthis blog helps a lot
TumugonBurahinHow interesting
TumugonBurahinthank you for this
TumugonBurahinwow the pictures are really helpful, so as the blog
TumugonBurahinnature reveals
TumugonBurahindfvserfds
TumugonBurahinwow! ang ganda ng blog nakakatulong sobra
TumugonBurahinGreat job
TumugonBurahinKeep it up! God bless😊
TumugonBurahinWow amazing blog💞
TumugonBurahinNice blog!
TumugonBurahinWow
TumugonBurahinCool
TumugonBurahinWow
TumugonBurahinNow i know how to apply html and css codes
TumugonBurahinThis is so helpful!
TumugonBurahinThis is so helpful!
TumugonBurahinNice,veryhelpful!
TumugonBurahinThanks... I'll try this
TumugonBurahinVery helpful!
TumugonBurahinSalamat sa blog na to. :)
TumugonBurahinWell done💞
TumugonBurahinnice blog
TumugonBurahinMagaling magaling👏
TumugonBurahinthanks for this
TumugonBurahinit helped a lot
TumugonBurahinWow
TumugonBurahinNice!
TumugonBurahin