Jump to content
MaxCheaters Official Group on Discord
Top.MaxCheaters.com is now OPEN – Lineage 2 Top Listing

{Tutorial}HTML CSS.Step 11.

MrHotFire

By MrHotFire
in Coding Tutorials/Guides

 Share

Recommended Posts

MrHotFire Newbie

MrHotFire

Posted
Posted

Styling HTML with CSS

 

CSS was introduced together with HTML 4, to provide a better way to style HTML elements.

 

CSS can be added to HTML in the following ways:

 

    Inline - using the style attribute in HTML elements

    Internal - using the <style> element in the <head> section

    External - using an external CSS file

 

The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.

 

Inline Styles

 

An inline style can be used if a unique style is to be applied to one single occurrence of an element.

 

To use inline styles, use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example below shows how to change the text color and the left margin of a paragraph:

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

HTML Style Example - Background Color

 

The background-color property defines the background color for an element:

<!DOCTYPE html>
<html>

<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>

</html>

HTML Style Example - Font, Color and Size

 

The font-family, color, and font-size properties defines the font, color, and size of the text in an element:

<!DOCTYPE html>
<html>

<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>

</html>

The font-family, color, and font-size properties make the old <font> tag obsolete.

 

HTML Style Example - Text Alignment

The text-align property specifies the horizontal alignment of text in an element:

<!DOCTYPE html>
<html>

<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

The text-align property makes the old <center> tag obsolete.

 

Internal Style Sheet

 

An internal style sheet can be used if one single document has a unique style. Internal styles are defined in the <head> section of an HTML page, by using the <style> tag, like this:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

 

External Style Sheet

 

An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the <head> section:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

 

HTML Style Tags

Tag 	Description
<style> 	Defines style information for a document
<link> 	Defines the relationship between a document and an external resource

 

Deprecated Tags and Attributes

 

In HTML 4, several tags and attributes were used to style documents. These tags are not supported in newer versions of HTML.

 

Avoid using the elements: <font>, <center>, and <strike>, and the attributes: color and bgcolor.

 

Credits Olympus,Internet&ME.

 

Soon I am gonna make an guide for CSS,C++.....etc....

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing


  • Posts

    • GX-Ext
      ⭐[L2OFF H5] GX-EXT⭐

      By GX-Ext · Posted

      I'll give you my wallet if you want, haha
    • Celestine
      🔥 L2Dark 3v3 TOURNAMENT ANNOUNCEMENT – $2000 PRIZE POOL 🔥

      By Celestine · Posted

      To make up for some of the waiting time we’re hosting a 3v3 Tournament on open Beta, and this time we’re raising the stakes with a $1,300 prize pool 💰   🏆 PRIZE POOL BREAKDOWN (Over 2000$ Worth of prices total)   🥇 1st Place — $700 🥈 2nd Place —$300 🥉 3rd Place — $200 🏅 4th Place — $100  5th -6th Place - $100 in Gold Coins each    All Participating Teams: $50 in Gold!   All Prices will be Paid out instantly after the tour, no waiting time and conditions. This is not simply a marketing move, we want to give back to the community.   📅 Date: Wednesday 06.05.2026 ⏰ Time: 20:00 Central European Timezone (Berlin) 📍Format: 3v3   ⚔️Why join? Cash Prices for top 4 and rewards for all participants Payments to winners sent out straight after the tournament - No waiting time or rules that you have to play live server to obtain the reward. Clean format, smooth matches, and solid prize pool and a chance to experience our brand new files   📝How to join: Form your 3-player team Group Leader Sign up here: ⁠📍・3v3-tour-registration (Include Name of Group, Name of Group Leader)   Be ready on match day!     A separate post with rules for the tournament and class setups will follow shortly.   Tag your teammates, lock in your roster, and get ready to compete. We'll be happy to see you on the OBT!   💬 Questions? Ask in ⁠🎫・ticket or send us a message   See you on L2Dark! 😏   Discord: https://discord.gg/FAJwnFpb8M
    • melron
      Armor Limited to Class

      By melron · Posted

      You should check if that condition is supported by your current sources. You can find this in  DocumentBase#parsePlayerCondition If it isnt there and you want to follow the same pattern of the other item conditions, create a custom condition to parse the classId (or multiple class ids) (there are examples to copy the code). Alternatively, you can create your own condition handler. Your condition should look like this: <cond msgId="1518"> <player classId="ADVENTURER,PALADIN" /> </cond> or <cond msgId="1518"> <player classId="93,5" /> </cond>  
    • puccalino
      Armor Limited to Class

      By puccalino · Posted

      it's Interlude client forgot to mention
    • explo
      Armor Limited to Class

      By explo · Posted

      idk if acis have this option, but you can put inside item smth like that atleast on H5         <cond msgId="1518">             <player class_id_restriction="93, 101, 108, 117" /> <!-- Dagger Masters -->         </cond>

  • Topics

×
×
  • Create New...

Important Information

This community uses essential cookies to function properly. Non-essential cookies and third-party services are used only with your consent. Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..