HTML TUTORIALS-
HTML Styles Tag –
Introduction-
HTML Styles Tag-
-HTML (HyperText Markup Language),styles are used to change the appearance of elements on a webpage — like color, font, size, background, alignment, and so more..
-)🧩 Inline Style Example-
-)🔍 In this example:-/b>
🔹color: blue; sets the text color.
🔹font-size: 20px; changes the size of the text.
<p style="color: blue; font-size: 20px;">This is a styled paragraph.</p>
<body> <p>learntosap.com</p> <p style="color:red;">welcome to our website</p> <p style="color:blue;">www.learntosap.com</p> <p style="font-size:50px;">I am free website</p> </body>
<h1 style="font-family:verdana;">welcome Free website</h1> <p style="font-family:courier;">www.learntosap.com</p>
-)🧩 ✨ Common Style Properties-
-)Common Style Properties:-
Property | Description | Example |
---|---|---|
color. | Sets the text color | color: red; |
background-color | Sets background color | background-color: yellow; |
font-size | Sets the text size | font-size: 18px; |
font-family | Sets the font type | font-family: Arial; |
text-align | Aligns text | text-align: center; |
margin | Adds space outside the element | margin: 10px; |
padding | Adds space inside the element | padding: 15px; |
border | Adds border around the element | border: 1px solid black; |
-)🧾 Inline Style on Different Elements:-
<h1 style="color: green;">Welcome to LearnToSAP</h1> <div style="background-color: lightgray; padding: 10px;"> This is a styled div.</div>
-How To Import Data(LSMW) LEGACY SYSTEM MIGRATION WORKBENCH