9th Computer Science Unit 5 Designing Website Notes

Unit 5 Designing Website of Class 9th Notes

Introduction to HTML

Hypertext Markup Language (HTML) HTML is the standard markup language used to create and structure webpages. It consists of various tags that define the content and layout of a webpage.

Steps to Create and Save an HTML File and Display a Webpage

  • Open a text editor like Notepad or a code editor like Visual Studio Code.
  • Write HTML code to create the desired webpage content, using appropriate tags to structure the content.
  • Save the file with a .html extension (e.g., index.html).
  • Double-click the saved HTML file, and it will open in your default web browser, displaying the webpage.
  • HTML Tags to Mark-up Elements HTML uses tags to define and structure elements. Tags are enclosed in angle brackets (< >).

Long Question Answers of Unit 5 Designing Website

MCQ’s and Activities of Unit Unit 5 Designing Website

Short Question Answers of Unit Unit 5 Designing Website

HTML The root element of an HTML document that contains all other elements.

Head Section The section contains meta-information about the webpage, such as the title, links to CSS stylesheets, and metadata.

Body Section The section contains the visible content of the webpage, including text, images, links, and other elements.

Text Formatting

Steps to Specify a Page Title and Create a Paragraph

  • In the <head> section, use the <title> tag to specify the page title.
  • In the <body> section, use the <p> tag to create a paragraph.
  • Text Formatting Tags HTML provides tags to format text in various styles, colors, and sizes.

e.g.

<font size=”N”> To define font size, replace “N” with the desired size.

<font color=”colorname”> To set font color, replace “colorname” with a color like “red” or a hexadecimal color code.

<font face=”fontname”> To specify the font face, replace “fontname” with the desired font family.

<b> To make text bold, <i> To italicize text, <u> To underline text.

Types of Lists HTML supports four types of lists

  • Unordered List (<ul>) Represents a list with bullet points.
  • Ordered List (<ol>) Represents a list with numbered items.
  • Definition List (<dl>) Represents a list of terms and their definitions.
  • Nested List A list inside another list.

Creating Lists Use the respective tags to create unordered, ordered, and definition lists. To nest lists, place one list inside another.

Images and Backgrounds

Adding Images Use the <img> tag to add an image to a webpage. Specify the image source (src attribute), alternate text (alt attribute), width, and height.

Adding Borders to an Image Use CSS to add a border to the image.

Applying Background and Foreground Colors Use CSS to specify background and foreground (text) colors for a webpage.

Assigning a Background Image Use CSS to set a background image for the webpage.

Hyperlinks

Hyperlink A hyperlink is a clickable link that allows users to navigate to another webpage or resource.

Creating a Hyperlink Use the <a> tag to create a hyperlink. Set the href attribute to the URL of the target webpage.

Anchor An anchor is a specific location on a webpage that can be linked to from within the same webpage.

Creating an Anchor Use the <a> tag with the href attribute set to the anchor’s name to create an anchor.

Creating Tables

Creating a Table Use the tag to create a table. Inside the table, use for rows,<td> for data cells, and for <th>header cells.

Table Attributes Use the border attribute to set the table border, colspan to merge cells horizontally, and rowspan to merge cells vertically.

Leave a Comment