Reading-Notes

Class 04 Summary

Writing Links:

Creating Links by using (a) element, between (a) opening tag and closing tag we put any page using href attribute. example:

Directory Structure:

Organizing Files and Folders in My web Page example:

• Structure:Root folder is the top level contains all the other files & folders of the web sites
• Relationships: describes using family tree the relation between files & folders
• Homepages: written in HTML

Relative URLS:

used to linking pages within our own website example:

Mail Links:

using (mailto) in (a) tag

To open links in new window using (target) in (a) tag

---

Layout:

• Block-Level Elements: start on a new line such as (h1) (p) (ul) (li)
• Inline Elements:between surrounding text such as (img) (b) (i)

Controlling the positions of elements

Using position tag:

• relative: This does not affect the position
• absoulte
• Fixed
• Floating: The float property allows you to take an element in normal flow and place it as far to the left or right of the containing element as possible.
  1. static

• The liquid layou:t uses percentages to specify the width of each box

• Grid Layout: offers a grid-based layout system, with rows and columns, making it easier to design web pages. example:

CSS Frameworks:

aim to make your life easier by providing the code for common tasks, such as creating layout grids and styling forms

---

### Functions In Java Script:

• Function is a block of code to perform a particular task

• Excuted when we invoked or called it

• function is defined with the function word followed by a function name, followed by parentheses ().

• Calling a function by function name followed by parentheses()

• Some function take and return values

example:

Thank You

Sukina AbuHammad