Search for notes by fellow students, in your own course and all over the country.

Browse our notes for titles which look like what you need, you can preview any of the notes via a sample of the contents. After you're happy these are the notes you're after simply pop them into your shopping cart.

My Basket

Buy These Notes

You have nothing in your shopping cart yet.

Title: HTML COMPLETE GUIDE
Description: I'm a web developer working in a startup.This HTML guide will make you grasp the topics of the markup language HTML real quick.The guide is Ideal for Intermediates and beginners as the topics are explained from scratch in a clean and clear way. This guide is primarily made to help students out there to get a firm grip on HTML as it is an essential tool to be learnt.Hope you find this helpful!!
Buy These NotesPreview

Document Preview

Extracts from the notes are below, to see the PDF you'll receive please use the links above

HTML-GUIDE
HTML, or Hypertext Markup Language, is a markup language used for
creating web pages
...
In t is guide, we'll cover everyt ing you need to know to get
started wit HTML, including t e basic structure of an HTML document,
common HTML tags and attributes, and more advanced concepts
...
T e basic structure of an HTML document
includes t e following elements:





T e declaration, w ic specifes t e HTML version
used in t e document
...

T e element, w ic contains meta-information about t e
document
...

T e element, w ic contains t e content of t e document
...




Here's an example of w at a basic HTML document mig t look like:








My Web Page


Welcome to my Web Page


This is some text on my web page
...


-In this example, the ttle of the webpage will be shown as ‘My Web Page ‘ with some
text value in the website which is none other than the value that is writen in the
paragraph tag of the document body(body tag)
...
Here are some common HTML attributes:






class : T is attribute specifes a class name for t e element, w ic

can be used for styling wit CSS
...

href: T is attribute specifes t e UL of t e resource to w ic t e
element is linked
...

alt: T is attribute specifes alternative text for an image, w ic is
used if t e image cannot be displayed
...
T ey allow
users to input data and interact wit t e web page
...
T e

element as several attributes t at you can use to specify ow
t e form s ould be processed, suc as action, method, and enctype
...
T e method attribute specifes t e HTTP met od
t at s ould be used to submit t e form data, eit er GET or POST
...

Inside t e element, you'll need to add one or more input elements
to allow users to enter data
...
Eac
input element as its own set of attributes t at you can use to customize
its appearance and be avior
...
T e server-side script can t en
process t e data and generate a response t at is sent back to t e user's
browser
...
W en designing an HTML form, it's important to keep t e user
experience in mind and make sure t at t e form is easy to use and
understand
...
Open a text editor suc as Notepad / Sublime Text / Visual studio
...
Create a new fle and save it wit t e
...

3
...
For example, t e
following code creates a basic form t at will be submitted to t e
UL "process-form
...
php" method="POST">

4
...
T ere are many diferent types of input
elements, suc as for text felds, type="checkbox"> for c eckboxes, for radio
buttons, for password felds, and more
...
php" method="POST">



5
...
For example, t e following code
adds a place older text to t e text input feld:




In t is example, t e element is used to display an image of a cat
...
jpg", w ic assumes t at t e cat image fle
is located in t e same directory as t e HTML fle
...

Note t at t e src attribute value can also be a UL to an image fle osted
on a remote server
...
com/images/cat
...
com website
...
An ordered list (
    ) is a list w ere t e items are numbered or ordered in
    some way, w ile an unordered list (
      ) is a list w ere t e items are not ordered or
      numbered
      ...


      Here is t e complete process of creating an ordered list (
        ) in HTML:
        1
        ...

        2
        ...

        Example:

          3
          ...

          Example:
        1. First item

          2. 4
          ...

          Example:
        2. Second item

          3. 5
          ...

          Example:

        6
        ...


        Here is an example of w at t e HTML code for a simple ordered list mig t
        look like:




        My List


        My Ordered List



        1. First item

        2. Second item

        3. Third item




        In this example, an ordered list is created using the
          tag
          ...
          The resultng web page will display the items in order with a number before each item:
          1
          ...
          Second item
          3
          ...

          HERE IS HOW YOU CAN CREATE AN UNORDERED LIST
          1
          ...

          2
          ...

          Example:

            3
            ...

            Example:
          • First item


            • 4
            ...

            Example:
          • Second item

            • 5
            ...

            Example:

          6
          ...


          Here is an example of w at t e HTML code for a simple unordered list
          mig t look like:




          My List


          My Unordered List



          • First item

          • Second item

          • Third item




          In t is example, an unordered list is created using t e
            tag
            ...
            T e resulting web page will display t e items wit out
            any specifc order or numbering:




            First item
            Second item
            T ird item

            You can customize t e appearance of your list using CSS styles or by using diferent
            types of unordered lists (
              ) wit diferent bullet styles or images
              ...
              It consists of one or more rows and
              columns, w ic are defned using t e (table row) and
              (table data/cell) tags, respectively
              ...
              T ey can also be used to create
              complex layouts, suc as calendars, pricing tables, and data
              grids
              ...

              CSS can also be used to style tables, including c anging t e font,
              color, and background of t e table and its cells
              ...
              However, tables are still useful for
              displaying tabular data and organizing information in a structured
              way on a webpage
              ...

              : T is is t e HTML tag used to defne a table row
              ...
              It is
              typically used to defne t e eader row of t e table, w ic contains
              t e column eadings
              ...
              It is used
              to defne t e cells in eac row, w ic contain t e actual data
              ...

              John , Jane, David, and Sarah : T ese are t e names of t e students,
              defned using tags
              ...


              Overall, t e table consists of a eader row wit column eadings, followed
              by four rows of data, eac wit t e name of a student and t eir marks in
              Mat s, Science, and Englis
              ...


              // CODE


              Student Name
              Mat s
              Science

              Englis


























              Jo n808590
              Jane759080
              David858085
              Sara 909585

              SEMANTIC TAGS
              Semantic tags in HTML are HTML tags t at ave a clear and specifc
              meaning and purpose
              ...

              Examples of semantic tags in HTML include
              ,