Recent Posts

How to Create a CSS Box Model in Html with Text - HTML | infodpsoft


CSS box model in HTML with text.

html,html5,html tutorial,learn html,html css,html tutorial for beginners,html (programming language),introduction to html,html for beginners,tutorial,html5 tutorial,html 5,xhtml,html 5.1,html div,how to create form in html,link html,html text

Type of CSS Attributes.

1.    border.
2.    border-{ left, right, bottom, top} -color.
3.    border-{ left, right, bottom, top} -style.
4.    border-{ left, right, bottom, top} -width.
5.    margin-top.
6.    margin-left.
7.    margin-bottom.
8.    margin-right.
9.    padding-top.
10. padding -left.
11. padding-bottom.
12. padding –right.

1)Write a CSS to set h1,h2 and h3 heading border display with red color.

HTML Code

  1. <html>
  2. <head>
  3. <style>
  4. body
  5. {
  6.      width:500px;
  7.      text-align: center;
  8. }
  9. h1
  10.       border-style: solid;
  11.       border-color:red;
  12. }
  13. h2
  14. {
  15.       border-style: solid;
  16.       border-color:red;
  17. }
  18. h3
  19. {
  20.      border-style: solid;
  21.      border-color:red;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26.      <h1>IT-CE</h1>
  27.      <h2>ME-MC</h2>
  28.      <h3>CIVIL</h3>
  29. </body>
  30. </html>

Output:

html,html5,html tutorial,learn html,html css,html tutorial for beginners,html (programming language),introduction to html,html for beginners,tutorial,html5 tutorial,html 5,xhtml,html 5.1,html div,how to create form in html,link html,html text

2) Write a HTML and Internal CSS code to set paragraph text color is Blue and font should be times new roman.

HTML Code:

  1. <html>
  2. <head>
  3. <style>
  4. {
  5.      background-color:blue;
  6.      color:white;
  7.      font-style:italic;
  8.      text-transform:lowercase;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <p>
  14. 1) Bus Topology
  15.      Bus topology is a simple networking topology. bus Topology is every Computer and network device is connected to Single cable. If one device is a failure then other devices do not effect.
  16.  </br>
  17.  
  18. All data Pass-through each of the connected devices.
  19. </br>

  20. Advantages
  21. </br>

  22. - easy to understand.
  23. - Multicasting And Broadcasting are much simpler.
  24. - Easy installation.
  25. - Less cable requires. cost of cable is less.
  26. </br>

  27. Disadvantages
  28. </br>

  29. - Less secure.
  30. - If network traffic is heavy then data transmission slow.
  31. - not work well under heavy traffic load.
  32. - less secure.
  33. </p>
  34. </body>
  35. </html>

Output:

html,html5,html tutorial,learn html,html css,html tutorial for beginners,html (programming language),introduction to html,html for beginners,tutorial,html5 tutorial,html 5,xhtml,html 5.1,html div,how to create form in html,link html,html text

3)Write an HTML and Internal CSS code to display three the Links (active red, visited-blue, unvisited-black) with background color yellow and without Underline Effect.

HTML Code:

  1.  <html>
  2. <head>
  3. <style>
  4. a:unvisited
  5. {
  6.     color:black;
  7. }
  8. a:visited 
  9. {
  10.     color:blue;
  11. }
  12. a:hover 
  13. {
  14.     color:lime ;
  15. }
  16. a:active 
  17. {
  18.     color:red;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <a href="http://infodpsoft.blogspot.com">Infodpsoft</a><br/>
  24. <a href="https://infodpsoft.blogspot.com/2019/06/What-is-Topologies-And-Type-of-Topologies.html">What is Topology And Type of Topology - Networking | infodpsoft</a><br/>
  25. <a href="https://www.facebook.com/infodpsoft/">Infodpsoft Facebook</a>
  26. </body>
  27. </html>

Output:

html,html5,html tutorial,learn html,html css,html tutorial for beginners,html (programming language),introduction to html,html for beginners,tutorial,html5 tutorial,html 5,xhtml,html 5.1,html div,how to create form in html,link html,html text





No comments:

Powered by Blogger.