ಅಲಂಕಾರದ ಒಂದು ವೆಬ್ ಪುಟ ಮತ್ತು HTML ನಲ್ಲಿ ಫಾಂಟ್ ಗಾತ್ರ

ನೊವೀಸ್ ವೆಬ್ ವಿನ್ಯಾಸಕರು ವೆಬ್ ಪುಟ ಪಠ್ಯ ವಿನ್ಯಾಸ ಹೇಗೆ ಬಗ್ಗೆ ತಿಳಿಯಲು ಉಪಯುಕ್ತ ಎಂದು ಕಾಣಿಸುತ್ತದೆ. ಅವರು ಜೋಡಣೆ, ಬಣ್ಣ, ಫಾಂಟ್ ಗಾತ್ರ, ಮತ್ತು ಹೆಚ್ಚು ಸೇರಿವೆ.

ಸಂಬಂಧಿತ ಅನೇಕ ಟ್ಯಾಗ್ಗಳು ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ರಂದು. ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ "ಪುಟ" - ಪರಿಚ್ಛೇದ. ಇದು ನೋಡಲು ವ್ಯಾಖ್ಯಾನಿಸಿದ ಐಚ್ಛಿಕ ನಿಯತಾಂಕಗಳನ್ನು ಹೊಂದಿದೆ ಪಠ್ಯದ.

ಮೊದಲ ಮತ್ತು ಮುಖ್ಯ ನಿಯತಾಂಕ - ಈ "ಧೃವೀಕರಣ". ಇದು ಪಠ್ಯದ ಜೋಡಣೆ "ಬಲ", "ಸೆಂಟರ್" ಮತ್ತು "ಸಮರ್ಥಿಸುವ" ನಿರ್ಧರಿಸುತ್ತದೆ ಮತ್ತು ಎರಡೂ "ಎಡ" ಮತ್ತು ಮಾಡಬಹುದು - ಎಡಭಾಗದಲ್ಲಿ ಜೋಡಣೆ, ಬಲ, ಸೆಂಟರ್, ಮತ್ತು ಬ್ಲಾಕ್ ಅಗಲ ಕ್ರಮವಾಗಿ ಅಡ್ಡಲಾಗಿ. ಪಠ್ಯ ಸ್ಥಾನವನ್ನು ತೆರೆಯ ಗಡಿ ನೀಡಲಾಗುತ್ತದೆ, ಮತ್ತು ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಒಳಗೆ ಗಮನಿಸಿ.

ಈ ನಿಯತಾಂಕಗಳು "ವರ್ಗ" ಮತ್ತು "ಐಡಿ" ಹಿಂಬಾಲಿಸುತ್ತದೆ. ಈ ವಸ್ತು ಮತ್ತು ಇದರ ಗುರುತಿಸುವಿಕೆಯ ಸೇರುತ್ತದೆ ವರ್ಗ. ಇದು ಗುಣಲಕ್ಷಣ ಮತ್ತು "ಶೈಲಿ" ಒಳಗೊಂಡಿರಬಹುದು ನಿರ್ಧರಿಸಲು - ಅವರು ಇನ್ಲೈನ್ ಶೈಲಿ ಬ್ಲಾಕ್ಗಳನ್ನು ಕೇಳುತ್ತದೆ. ಈ ಗುಣಗಳನ್ನು ಎಲ್ಲಾ ನಾವು ಸ್ವಲ್ಪ ಕಡಿಮೆ ಇರುತ್ತದೆ ಇದು ಸಿಎಸ್ಎಸ್, ಸಂಬಂಧಿಸಿವೆ.

ಟ್ಯಾಗ್ "p" ಒಂದು ನ್ಯೂನತೆಯೆಂದರೆ ಇಲ್ಲ - ಇದು ಬಾಹ್ಯ ಸೆಟ್ ವಿಫಲವಾದರೆ ಫಾಂಟ್, ದೃಷ್ಟಿಯಿಂದ ಅದರ ಬಣ್ಣ ಅಥವಾ ಗಾತ್ರ. "ಫಾಂಟ್" - ಈ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಮತ್ತೊಂದು ಟ್ಯಾಗ್ ಆಗಿದೆ. ತನ್ನ ಆಯ್ಕೆಗಳನ್ನು ಎಲ್ಲಾ ಪಠ್ಯ ಕಾಣಿಸಬೇಕೆಂದು ನಿರ್ಧರಿಸಲು.

ಟ್ಯಾಗ್ ಮೊದಲ ಗುಣಲಕ್ಷಣ - "ಬಣ್ಣ". ನೀವು ಊಹಿಸಿದಂತೆ ಮಾಡಿರಬಹುದು ಎಂದು, ಒಂದು ಬಣ್ಣ ಇಲ್ಲ ನೀಡಲಾಗುತ್ತದೆ. ಈ ಹೆಸರುಗಳ ಮಾನದಂಡವನ್ನು ( "ಬಿಳಿ", "ಹಳದಿ", "ಕೆನ್ನೇರಳೆ"), ಮತ್ತು RGB ವ್ಯವಸ್ಥೆಯಲ್ಲಿ ಮೌಲ್ಯಗಳು ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಕೆಳಗಿನಂತೆ ಈ ಮಾಡಲಾಗುತ್ತದೆ: ಮೊದಲ # ಸೈನ್ ಪುಟ್, ಮತ್ತು ನಂತರ ಮೂರು ಸಂಖ್ಯೆಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಕೇತಗಳಲ್ಲಿ 00 ರಿಂದ ಎಫ್ಎಫ್ ಅಥವಾ 0 255 - ದಶಮಾಂಶ - ಪ್ರಮಾಣವನ್ನು ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ಅಂತಿಮ ಬಣ್ಣವನ್ನು ನೀಲಿ. "# Ffff00" - ಉದಾಹರಣೆಗೆ, "# ff0000", ಹಳದಿ ಬರೆಯಲು ಕೆಂಪು ಬಳಸಲು.

ಮುಂದಿನ ಗುಣಲಕ್ಷಣ - "ಮುಖ". ಇದು ವರ್ಣಿಸಬಹುದು ಅಕ್ಷರಶೈಲಿಯ. ಉದಾಹರಣೆಗೆ, ಇದು "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್" ಅಥವಾ "Tahoma" ಗೆ ಹೊಂದಿಸಬಹುದಾಗಿದೆ.

ಮತ್ತು ಅಂತಿಮವಾಗಿ, HTML ನಲ್ಲಿ ಫಾಂಟ್ ಗಾತ್ರಕ್ಕೆ "ಗಾತ್ರ" ನಿಯತಾಂಕ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ. ಇದು ಒಂದು ಸಾಂಖ್ಯಿಕ ಮೌಲ್ಯವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ - ಫಾಂಟ್.

ಉದಾಹರಣೆಗೆ, ನೀಲಿ ಮತ್ತು ಫಾಂಟ್ "ಕಾಮಿಕ್ ಸಾನ್ಸ್ ಎಂಎಸ್" ಹದಿನೈದನೇ ಪಿನ್ ಪಠ್ಯ ಪ್ರದರ್ಶಿಸಲು, ಇದು ಕೆಳಗಿನ ನಿಯತಾಂಕಗಳನ್ನು ಟ್ಯಾಗ್ "ಪುಟ" ವ್ಯಾಖ್ಯಾನಿಸಲು ಅಗತ್ಯ:

ಬಣ್ಣದ = "# 6666ff" ಮುಖ = "ಕಾಮಿಕ್ ಸಾನ್ಸ್ ಎಂಎಸ್" ಗಾತ್ರ = "15"

, "ಯು" ಇಟಾಲಿಕ್ಸ್ - - ಅಂಡರ್ಸ್ಕೋರ್ ದಪ್ಪ, "ನಾನು" - "ಬಿ": ಅಲ್ಲದೆ, ಸ್ವರೂಪ ಒಂದು ನಿರ್ದಿಷ್ಟ ವಿಧದ ಸೂಚಿಸಲು ಅವಕಾಶ ಹಲವಾರು ಟ್ಯಾಗ್ಗಳು ಇಲ್ಲ. ಇವೆಲ್ಲವೂ ಯಾವುದೇ ಮಾನದಂಡಗಳನ್ನು ಹೊಂದಿವೆ.

ಪಠ್ಯ HTML ನಲ್ಲಿ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿಸಿ - ಫಾಂಟ್ ಗಾತ್ರ ಹೆಡ್ಸೆಟ್ - ಬಹಳ ಅಹಿತಕರ. ನಿಮಗೆ ಪಠ್ಯದ ವಿವಿಧ ವಿನ್ಯಾಸದ ಇಟ್ಟಿಗೆಗಳಿಂದ ಪರ್ಯಾಯವಾಗಿ ಅಗತ್ಯವಿರುವ ಇಮ್ಯಾಜಿನ್. ನಂತರ, ಟ್ಯಾಗ್ಗಳು ಪ್ರತಿಯೊಂದು ನೀವು ಅದೇ ಲಕ್ಷಣಗಳು ವ್ಯಾಖ್ಯಾನಿಸಲು ಹೊಂದಿವೆ. ಹೆಚ್ಚು ಅನುಕೂಲಕರ ಇದು ಸಿಎಸ್ಎಸ್-ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಸಹಾಯದಿಂದ ಅನುಷ್ಠಾನಗೊಳಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, "myclass" ಎಂಬ ಚಿತ್ರವನ್ನು ವರ್ಗದವರ ವಿನ್ಯಾಸ ಹಿಂದಿನ ಉದಾಹರಣೆಯಂತೆ, ನೀವು ಟ್ಯಾಗ್ "ಶೈಲಿ" ಈ ಲೈನ್ ಸೇರಿಸುವ ಅಗತ್ಯವಿದೆ ಗೆ:

#myclass {ಫಾಂಟ್: RGB (102,102,255) "ಕಾಮಿಕ್ ಸಾನ್ಸ್ ಎಂಎಸ್" 15pt;}

ಹೆಡ್ಸೆಟ್ ಮತ್ತು "15pt" - - ಫಾಂಟ್ ಗಾತ್ರ ಇಲ್ಲಿ "RGB (102,102,255)" ಬಣ್ಣ "ಕಾಮಿಕ್ ಸಾನ್ಸ್ ಎಂಎಸ್" ಹೊಂದಿಸುತ್ತದೆ. ಅರ್ಥಹೀನ ರೀತಿಯ, ಮತ್ತು ಪಿಕ್ಸೆಲ್ಗಳು (ನೀವೇ ಉದಾಹರಣೆಗೆ, "20px" ಗಾಗಿ, ಬರೆಯಲು ಅಗತ್ಯವಿದೆ ಫಾರ್) - ಬಣ್ಣ ಕೂಡ ಹೆಸರು ಮತ್ತು ಫಾಂಟ್ ಸೂಚಿಸಬಹುದು.

ಈ ನೋಂದಣಿ ಬಳಸಲು "ಪು" ಟ್ಯಾಗ್ ಬರಹ ಅಗತ್ಯ:

ವರ್ಗ = "myclass"

ಅದೇ ರೀತಿಯಲ್ಲಿ, ನೀವು ಯಾವುದೇ ಇತರ ಪಠ್ಯ ಸೆಳೆಯಬಲ್ಲದು. ಇದು ನಿಯತಾಂಕ "ವರ್ಗ" ಹೊಂದಿಸಲು ಸಾಕು ನೀವು ಬಳಸಲು ಬಯಸುವ ಮೌಲ್ಯ ದರ್ಜೆಯ.

ಮತ್ತು ಹೆಸರು "myid" ಒಂದು ID ಯನ್ನು ರಚಿಸಲು, ಗೆ "ಶೈಲಿ" ದಾಖಲೆ ಅಗತ್ಯವಿದೆ:

#myid {ಫಾಂಟ್: RGB (102,102,255) "ಕಾಮಿಕ್ ಸಾನ್ಸ್ ಎಂಎಸ್" 15pt;},

ಮತ್ತು ಟ್ಯಾಗ್ "ಪುಟ" "myid" ರ ಮೌಲ್ಯದ "ಐಡಿ" ಗುಣಲಕ್ಷಣ ಸೆಟ್.

ವರ್ಗ ಮತ್ತು ID - ಇದು ಪ್ರಾಯೋಗಿಕವಾಗಿ ಅದೇ ವಿಷಯ. ಈ ಸಂದರ್ಭದಲ್ಲಿ ಒಂದು ಟ್ಯಾಗ್ ಮೊದಲ ಮತ್ತು ಎರಡನೇ ಘೋಷಿಸಲಾಗುವುದು:

ವರ್ಗ = "myclass" ಐಡಿ = "myid"

HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ - ಪಠ್ಯ ನೋಟ ಬದಲಾಯಿಸಲು ಎರಡು ಮಾರ್ಗಗಳಿವೆ. ನೀವು ಒಂದು ಅಥವಾ ಎರಡು ಬ್ಲಾಕ್ಗಳನ್ನು ವಿತರಿಸುವ ಬೇಕಾದರೆ, HTML ಬಳಸಿ. ಒಂದೇ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಸಿಎಸ್ಎಸ್ ಜೊತೆ ಪ್ಯಾರಾಗಳು ಒಂದು ದೊಡ್ಡ ಸಂಖ್ಯೆಯ ಹೆಚ್ಚು ಆರಾಮದಾಯಕ.

ನೀವು ನೋಡಬಹುದು ಎಂದು, ಬದಲಾಯಿಸಲು HTML ನಲ್ಲಿ ಫಾಂಟ್ ಗಾತ್ರ ಒಂದು ಕ್ಷಿಪ್ರ ಹೊಂದಿದೆ. ಮುಖ್ಯ ಪ್ರೋಗ್ರಾಮಿಂಗ್ - ಒಂದು ಅಭ್ಯಾಸ, ಆದ್ದರಿಂದ ಹೆಚ್ಚು ವ್ಯಾಯಾಮ ಪ್ರಯತ್ನಿಸಿ, ಮತ್ತು ನೀವು ಯಶಸ್ವಿಯಾಗಲ್ಪಡುತ್ತದೆ!