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:

Mga Komento

  1. wow the pictures are really helpful, so as the blog

    TumugonBurahin
  2. wow! ang ganda ng blog nakakatulong sobra

    TumugonBurahin
  3. Now i know how to apply html and css codes

    TumugonBurahin

Mag-post ng isang Komento