Scribd
Upload
26 views2 pages

Website Designing Detailed Notes

This document provides detailed notes on website designing, focusing on HTML and CSS. It covers fundamental concepts such as HTML structure, tags, attributes, text formatting, links, tables, images, lists, forms, frames, and the use of CSS for styling. The notes emphasize the importance of HTML elements and CSS properties in creating and enhancing web pages.

Uploaded by

soumya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
26 views2 pages

Website Designing Detailed Notes

This document provides detailed notes on website designing, focusing on HTML and CSS. It covers fundamental concepts such as HTML structure, tags, attributes, text formatting, links, tables, images, lists, forms, frames, and the use of CSS for styling. The notes emphasize the importance of HTML elements and CSS properties in creating and enhancing web pages.

Uploaded by

soumya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Unit IV: Website Designing - Detailed Notes

1. Introduction to HTML

HTML stands for HyperText Markup Language. It is the standard markup language used to create

web pages. HTML elements are represented by tags such as <html>, <head>, <body>, <h1>, <p>,

etc. It provides the basic structure of a webpage.

2. Tags and Attributes

Tags are keywords used to define elements in an HTML document. Attributes provide additional

information about elements. Example: <img src='image.jpg' alt='An image' width='200'>. Here, 'src',

'alt', and 'width' are attributes of the <img> tag.

3. Text Formatting

HTML provides tags to format text: <b> or <strong> for bold, <i> or <em> for italic, <u> for

underline, <br> for line break, <hr> for horizontal line. These help in enhancing the readability and

presentation of content.

4. Fonts

In older HTML versions, the <font> tag was used. Now, CSS is the standard method to define font

styles. CSS properties like font-family, font-size, font-style, and color are used to customize text

appearance.

5. Hypertext Links

Links are created using the <a> tag with the 'href' attribute. Example: <a

href='https://example.com'>Visit</a>. They allow navigation between webpages or sections of the

same page.

6. Tables

HTML tables are created using <table>, <tr> for rows, <th> for header cells, and <td> for data cells.

Attributes like border, cellpadding, and cellspacing help in customizing table appearance.
7. Images

The <img> tag is used to embed images. Attributes include 'src' for image path, 'alt' for alternate

text, 'width' and 'height' for sizing. Example: <img src='logo.png' alt='Logo' width='100'>.

8. Lists

HTML supports three types of lists:

- Ordered List (<ol>): Items are numbered.

- Unordered List (<ul>): Items are bulleted.

- Definition List (<dl>): Terms and descriptions are listed with <dt> and <dd> tags.

9. Forms

Forms collect user input and are created using <form>. Elements include <input> (text, checkbox,

radio), <textarea>, <select>, and <button>. The 'action' attribute specifies where form data is sent.

10. Frames

Frames divide the browser window into sections, each loading a separate HTML document using

the <frameset> and <frame> tags. Note: Frames are deprecated in HTML5 and should be avoided

in modern web design.

11. Cascading Style Sheets (CSS)

CSS is used to style HTML documents. Types:

- Inline: style='color:red;'

- Internal: within <style> in the head

- External: separate .css file linked via <link>

CSS controls layout, colors, fonts, spacing, etc.

You might also like