Skip to main content

HTML Style Attribute

 The HTML Style Attribute

Setting the style of an HTML element can be done with the style attribute.

The HTML style attribute has the following syntax:

<tagname style="property:value;">

Background Color

The CSS background-color property defines the background color for an HTML element.

Example

Set the background color for a page to powderblue:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Text Color

The CSS color property defines the text color for an HTML element:

Example

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fonts

The CSS font-family property defines the font to be used for an HTML element:

Example

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Text Size

The CSS font-size property defines the text size for an HTML element:

Example

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Text Alignment

The CSS text-align property defines the horizontal text alignment for an HTML element:

Example

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Chapter Summary

  • Use the style attribute for styling HTML elements
  • Use background-color for background color
  • Use color for text colors
  • Use font-family for text fonts
  • Use font-size for text sizes
  • Use text-align for text alignment
Labels:

Comments

Post a Comment

Add your comment here.

Popular posts from this blog

พยางค์

การที่เราเปล่งเสียงออกมาจากลำคอครั้งหนึ่ง ๆ นั้น เราเรียกเสียงที่เปล่งออกมาว่า “พยางค์” แม้ว่าเสียงที่เปล่งออกมาจะมีความหมายหรือไม่มีความหมายก็ตาม เช่น เราเปล่งเสียง “สุ” ถึงจะไม่ รู้ความหมาย หรือไม่รู้เรื่องเราก็เรียกว่า ๑ พยางค์ หากเราเปล่งเสียงออกมาอีกครั้งหนึ่งว่า “กร” จะ เป็น “สุกร” จึงจะมีความหมาย คำว่า “สุกร” ซึ่งเปล่งเสียง ๒ ครั้ง เราก็ถือว่ามี๒ พยางค์ เสียงที่เปล่ง ออกมาครั้งเดียวมีความหมาย เช่น นา หมายถึง ที่ปลูกข้าว เสียงที่เปล่งออกมาว่า “นา” นี้เป็น ๑ พยางค์ ลองดูตัวอย่างต่อไปนี้ ไร่ มี๑ พยางค์ ชาวไร่ มี๒ พยางค์ (ชาว-ไร่) สหกรณ์ มี๓ พยางค์ (สะ-หะ-กอน) โรงพยาบาล มี๔ พยางค์ (โรง-พะ-ยา-บาน) นักศึกษาผู้ใหญ่ มี๕ พยางค์ (นัก-สึก-สา-ผู้-ใหญ่) สหกรณ์การเกษตร มี๖ พยางค์ (สะ-หะ-กอน-การ-กะ-เสด) จากตัวอย่างข้างบนนี้สรุปได้ว่า พยางค์ คือ เสียงที่เปล่งออกมาครั้งหนึ่ง จะมีความหมายหรือไม่มีความหมายก็ตาม ถ้าเปล่ง เสียงออกมา ๑ ครั้ง ก็เรียก ๑ พยางค์ สองครั้งก็เรียก ๒ พยางค์ องค์ประกอบของพยางค์ พยางค์เกิดจากการเปล่งเสียงพยัญชนะ สระ และวรรณยุกต์ออกมาพร้อม ๆ กัน พยางค์ที่มี ความหมายอาจจะเป็นพยา...
Post a Comment
Read more

CSS Comments

Comments are used to explain the code and may help when you edit the source code at a later date. Comments are ignored by browsers. A CSS comment is placed inside the  <style>  element, and starts with  /*  and ends with  */ : Example /* This is a single-line comment */ p  {   color :  red ; } Try it Yourself » You can add comments wherever you want in the code: Example p  {   color :  red ;    /* Set text color to red */ } Try it Yourself » Comments can also span multiple lines:  Example /* This is a multi-line comment */ p  {   color :  red ; } Try it Yourself » HTML and CSS Comments From the HTML tutorial, you learned that you can add comments to your HTML source by using the  <!--...-->  syntax. In the following example, we use a combination of HTML and CSS comments: Example < !DOCTYPE  html > < html > < head > < style > p  {   color : ...
Post a Comment
Read more

อักษรควบ

คำควบกล้ำ ( อักษรควบ ) หมายถึง พยัญชนะสองตัวเขียนเรียงกันอยู่ต้นพยางค์ และใช้สระเดียวกัน เวลาอ่านออกเสียงกล้ำเป็นพยางค์เดียวกัน เสียงวรรณยุกต์ของพยางค์นั้นจะผันเป็นไปตามเสียงพยัญชนะตัวหน้า คำควบกล้ำ ( อักษรควบ ) มี 2 ชนิด คือ คำควบแท้ ได้แก่ พยัญชนะ ร ล ว ควบกับพยัญชนะตัวหน้า ประสมสระตัวเดียวกัน เวลาอ่านออกเสียงพยัญชนะทั้งสองตัวพร้อมกัน เช่น พยัญชนะต้นควบกับ ร ได้แก่ ครู เพราะ ครัว กรน ปรวนแปร ขรุขระ พระ ตรง ครั้ง กราบ โปรด ปรักปรำ ครื้นเครง เคร่งครัด ครอบ ปรอย กรอง พยัญชนะต้นควบกับ ล ได้แก่ เปล่า ปลีก คลาน คลุก เคล้า เปลี่ยนแปลง กลบ กลม เพลิดเพลิน เกลี้ยกล่อม เกลียวคลื่น คล่องแคล่ว เกล้า พยัญชนะต้นควบกับ ว ได้แก่ กวาด ขวาน ควาย ขวิด แคว่งคว้าง แขวน ขวนขวาย คว่ำ ควาญ แกว่งไกว ความ แคว้น ขวัญ ควัน คำควบไม่แท้ ได้แก่ พยัญชนะ ร ควบกับพยัญชนะตัวหน้าประสมสระตัวเดียวกัน เวลาอ่านไม่ออกเสียง ร ออกเสียงเฉพาะตัวหน้าหรือมิฉะนั้นก็ออกเสียง เป็นเสียงอื่นไป คำควบไม่แท้ที่ออกเสียงเฉพาะพยัญชนะตัวหน้า ได้แก่พยัญชนะ จ ซ ศ ส ควบกับ ร เช่น จริง ไซร้ เศร้า ศรี ศรัทธา สร้าง เสริม สร้อย สระ สรง สร่าง คำควบไม...
Post a Comment
Read more