What's new
By:

🔒 Closed Hi po pwede po ba paki paliwanag neto medyo nalilito ako

Status
Not open for further replies.
Code: 
<!DOCTYPE html>
<html>
<head> 
   <title> Title </title>
<style>
   p.paragraph1{
       color: red;
   }
   p.paragraph2{
       color: green;
   }
</style>
</head>
<body>
   <p class="paragraph1"> Paragraph 1</p>
   <p class="paragraph2"> Paragraph 2</p>
</body>
</html>
 
gantz012 said:
Code: 
<!DOCTYPE html>
<html>
<head>
   <title> Title </title>
<style>
   p.paragraph1{
       color: red;
   }
   p.paragraph2{
       color: green;
   }
</style>
</head>
<body>
   <p class="paragraph1"> Paragraph 1</p>
   <p class="paragraph2"> Paragraph 2</p>
</body>
</html>
Click to expand...
Try ko po thanks po
 
Game_Guardian18 said:
<style>
.red{
color: red;
}
.pink{
color: pink;
}
.blue{
color: blue;
}
</style>



<p class="pink">This is a pink p tag!</p>
<p class="red">This is a red p tag!</p>
<p class="blue">This is a blue p tag!</p>
Click to expand...
Thank you nagets ko na po pm kita tomorrow sir if okey lang sayo?
 
Inline styling/ccs po yung tinutukoy mo

<p style="color:#242424;">black color</p>
<p style="color:black;">black color</p>
<p style="color:rgb(0,0,0);">black color</p>
 
eto po try mo po

Code: 
<DOCTYPE html>
<html>
<head> 

<title> my title po </title>

<style>

.par {

color: blue;

}

</style>

<Body>

<div class="par">
sad ako
</div>

</Body>
</Html>
 
try niyo po mag div class method para everytime na gagamitin niyo ung div class na " par " short for paragraph may automatic na kulay na ung text na lalagyan niyo non. kesa mag manual code ka pa po ng styles.
 
Code: 
<!DOCTYPE html>
<html>

<head>

  <title>my title po </title>

  <style>
    p.sad {
      color: #0000ff;
      font-size: 3em;
    }

    p.ako {
      color: #ff0000;
      font-size: 3em;
    }
  </style>

</head>

<body>
  <p class="sad">sad</p>
  <p class="ako">ako</p>
</body>

</html>
 

Attachments

  • html.jpg
    html.jpg
    35.3 KB · Views: 0
ton143 said:
Code: 
<!DOCTYPE html>
<html>

<head>

  <title>my title po </title>

  <style>
    p.sad {
      color: #0000ff;
      font-size: 3em;
    }

    p.ako {
      color: #ff0000;
      font-size: 3em;
    }
  </style>

</head>

<body>
  <p class="sad">sad</p>
  <p class="ako">ako</p>
</body>

</html>
Click to expand...
Eto yung hinahanap ko e
 
PHC-Zhao said:
try niyo po mag div class method para everytime na gagamitin niyo ung div class na " par " short for paragraph may automatic na kulay na ung text na lalagyan niyo non. kesa mag manual code ka pa po ng styles.
Click to expand...
Salamat po sa tips
 
-Ateh- said:
Eto yung hinahanap ko e
Click to expand...

<!DOCTYPE html> - Para po sa HTML 5

<html></html> - Ito po yong structure ng basic page na binubou ng <head></head>, <title></title>, and <body></body>. Sila po ay mga basic elements.

<></> - Ang tawag dito ay tags ito ay may 2 klase. Open tag at close tag. Yong may forward slash close tag ang tawag jan.

<style></style> - Ito ay para sa internal CSS. Ang dalawa ay external at inline css.

What is internal CSS - Internal CSS code is put in the <head> section of a particular page. The classes and IDs can be used to refer to the CSS code, but they are only active on that particular page. CSS styles embedded this way are downloaded each time the page loads so it may increase loading speed. However, there are some cases when using internal stylesheet is useful. One example would be sending someone a page template – as everything is in one page, it is a lot easier to see a preview. Internal CSS is put in between <style></style> tags.

For more info: You do not have permission to view the full content of this post. Log in or register now.

p.sad at p.ako - Sinadya ko talaga na lagyan ng p yong .sad at .ako para hindi ako malito in the near future. Ang tawag sa .sad at .ako ay classes. Pwede mo siyang gamitin paulit ulit. Unlike sa ID kailangan once kasi unique siya. Katulad din siya ng ID ng school mo.

{} - Yong nasa loub ng curly braces. Yan ang codes ng CSS or Cascading Style Sheet.

CONCLUSION: Mas ok gamitin ang external css. WHY? Paano kung may 100 pages ka? Palitan mo lang yong isang css file tapos yong lahat ng 100 pages apektado na. I hope na gets.

If you want to learn web development. You can download the tutorial here.

https://phcorner.org/threads/592529/
 
sirKhent said:
try nyo po lagyan ng id yung tag tapos sa stlye iselect nyo po gamit yung id nung tag
Code: 
<DOCTYPE html>
<html>
<head> my title po </title> </head>
<style>
    #pink{
        Color:pink;
    }
    #blk{
        Color:black;
    }
</style>
<Body>
    <p id="pnk"> sad </p>
    <p id="blk"> ako <p>
</Body>
</Html>
Click to expand...

Ito ang mas suggested fix, using CSS.
 
Status
Not open for further replies.

About this Thread

  • 84
    Replies
  • 3K
    Views
  • 15
    Participants
Last reply from:
noname18

New Topics

Trending Topics

Online now

Members online
1,072
Guests online
1,322
Total visitors
2,394

Forum statistics

Threads
2,275,203
Posts
28,961,434
Members
1,232,663
Latest member
zealous-zeal-9637
Back
Top