Skip to content

Latest commit

 

History

History
77 lines (47 loc) · 3.17 KB

File metadata and controls

77 lines (47 loc) · 3.17 KB

What about links in HTML?

Links

  • Creating links between pages
  • Linking to other sites
  • Email links

Writing Links

Links are created using the a element. Users can click on anything between the opening a tag and the closing tag. You specify which page you want to link to using the href attribute.

Linking to other sites

Linking to other pages on the same site

What is Directory structure

The directory structure is the organization of files into a hierarchy of folders. It should be stable and scalable; it should not fundamentally change, only be added to. Computers have used the folder metaphor for decades as a way to help users keep track of where something can be found.

Relative URLs

Relative URLs can be used when linking to pages within your own website. They provide a shorthand way of telling the browser where to find your files.

  • This is figuar explains the difference between relative URL and absolute URL .

EmaiL Links

Opening A Links A new Window

Linking to A specific part of the same page

Layout

  • Controlling the position of elements
  • Creating site layouts
  • Designing for different sized screens

Key Concepts in positioning eLements

Building Blocks

CSS treats each HTML element as if it is in its own box.This box will either be a block-level box or an inline box.

  • Block-level elements
  • inline elements

containing elements

If one block-level element sits inside another block-level element then the outer box is known as the containing or parent element.

Controlling the position of elements

CSS has the following positioning schemes that allow you to control the layout of a page: normal flow, relative positioning, and absolute positioning. You specify the positioning scheme using the position property in CSS. You can also float elements using the float property.

  • normal flow
  • relative Positioning
  • absolute Positioning

To indicate where a box should be positioned, you may also need to use box offset properties to tell the browser how far from the top or bottom and left or right it should be placed. (You will meet these when we introduce the positioning schemes on the following pages.)

  • fixed Positioning
  • floating elements