Course Content
What is HTML? – Learn what HTML is and its role in web development.
HTML (HyperText Markup Language) is the foundation of web development, used to create and structure web pages. It defines the content and layout of a webpage using various elements like headings, paragraphs, links, images, and more. As the backbone of the internet, HTML works alongside CSS for styling and JavaScript for interactivity. Understanding HTML is essential for anyone looking to build websites or work in web development.
0/2
HTML Basics for Beginners: Start Your Web Development Journey | Cyber Tech Creations
04:23
How to Change Font Styles in HTML: A Complete Guide
08:12
Internal CSS, Inline CSS, and External CSS | Explanation
CSS can be applied in three ways: Inline, Internal, and External CSS. Inline CSS applies styles directly within an element but is not ideal for large projects. Internal CSS is written inside a tag in the HTML document and is useful for styling a single page. External CSS is stored in a separate file and linked to the HTML, making it the best choice for scalability and maintainability. Using External CSS is recommended for better organization and performance.
0/3
Internal CSS: A Complete Guide for Beginners
02:51
Inline CSS: A Complete Guide for Beginners
00:00
External CSS Explained: Enhance Your Web Design Skills
00:00
HTML for Beginners: Build Your First Webpage from Scratch | cyber tech creations
About Lesson
  1. Using HTML <font> Tag (Deprecated – Not Recommended)
  2. Using Inline CSS
  3. Using Internal or External CSS

    1. Changing Font Using <font> Tag (Deprecated)

    Earlier, HTML had a <font> tag that was used to change font style, size, and color. However, it is no longer recommended in modern web development.

    <font face=“Arial” size=“4” color=“blue”>This is old font styling</font>

    2. Changing Font Using Inline CSS

    Inline CSS is applied directly inside an HTML tag using the style attribute.
    <p style=”font-family: Arial; font-size: 20px; color: blue;”> cyber tech creations.</p>

    3. Changing Font Using Internal CSS (Recommended for Small Projects)

    Internal CSS is defined inside the <style> tag within the <head> section of the HTML file.
    Example:

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p {
    font-family: ‘Times New Roman’;
    font-size: 18px;
    color: red;
    }
    </style>
    </head>
    <body>
    <p>This is a paragraph with Times New Roman font.</p>
    </body>
    </html>

    4. Changing Font Using External CSS (Best Practice for Large Projects)

    External CSS is defined in a separate .css file and linked to the HTML file.
    Example:
    p {
    font-family: ‘Verdana’, sans-serif;
    font-size: 16px;
    color: green;
    }

    Step 2: Link the CSS file in your HTML
    <!DOCTYPE html> <html> <head> <link rel=“stylesheet” type=“text/css” href=“styles.css”> </head> <body> <p>This paragraph uses an external CSS file for styling.</p> </body> </html>

Previous
Next