Scribd Logo
Upload

Welcome to Scribd!

  • 1 - HTML Basics PDF

    Uploaded by

    Arpita Basu
    20 views20 pages

    Original Title

    1 - HTML Basics.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    20 views20 pages

    1 - HTML Basics PDF

    Uploaded by

    Arpita Basu

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 20

    HTML Basics

    On-page SEO
    Agenda

    • HTML Basics
    – Elements
    – Tags
    – Attributes

    • CSS Basics

    • JavaScript Basics
    HTML Basics
    HTML

    • HTML stands for Hyper


    Text Markup Language.

    • It describes the structure


    of Web pages.

    • Browsers use HTML Tags


    to render pages.
    Sample HTML Code
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    HTML Tags

    <tagname>content goes here...</tagname>

    •HTML tags normally come in pairs like <p>


    and </p>
    •The first tag in a pair is the start tag / opening
    tag, the second tag is the end tag / closing tag
    HTML Links
    <a href="https://www.examsfunda.in">This is a link</a>

    • The link's destination is specified in the href


    attribute.

    • Attributes are used to provide additional


    information about HTML elements.
    HTML Images
    <img src=“dv-logo.jpg" alt=“exams
    funda" width="104" height="142">

    • src attribute is the location of the image


    • alt attribute describes the image
    • width & height attribute specify the render
    dimensions of the image

    Search Engine Optimization |


    CSS Basics

    Search Engine Optimization |


    CSS

    • CSS Stands for Cascading Style


    Sheets.

    • CSS is a language that


    describes the style of an HTML
    document.

    • CSS describes how HTML


    elements should be displayed
    CSS Example
    body {
    background-color: lightblue;
    }

    h1 {
    color: white;
    text-align: center;
    }

    p{
    font-family: verdana;
    font-size: 20px;
    }
    Javascript Basics
    JavaScript

    • JavaScript is the programming


    language of HTML and the
    Web.

    • It is used to program the


    behaviour of web pages
    JavaScript Libraries or Frameworks
    Why is JavaScript Challenging for SEO?
    Crawlability
    https

    Are bots able to find URLs and understand your site’s


    architecture? The important element here:

    •Blocking search engines from your JavaScript (even


    accidentally).
    Obtainability

    Google is a lazy user. It doesn’t click, it doesn’t scroll, and


    it doesn’t log in.

    • If there are errors within the JavaScript, both browsers and


    search engines won’t be able to go through and potentially miss
    sections of pages if the entire code is not executed.

    • Make sure we resolve all JavaScript errors


    Latency
    If you have a huge file toward the top of your
    HTML document, a browser will load that
    immense file first

    •If you have unnecessary resources or


    JavaScript files clogging up the page’s ability
    to load, you get “render-blocking JavaScript.”
    Thank You!

    You might also like