Read: 04 - HTML Links, CSS Layout, JS Functions
HTML Links
Why is the link special?
Links are the defining feature of the web because they allow you to move from one web page to another enabling the very idea of browsing or surfing.
Writing links
Links are created using the <a> element. Users can click on anything between the opening <a> tag and the closing </a> tag. You specify which page you want to link to using the href attribute
look for this example
By default, links will appear as follows in all browsers:
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and
exmple : facebook
# some type of link
CSS Layout
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. 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. 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.
The float property moves content to the left or right of the page and can be used to create multi-column layouts.
What are the semantic elements؟
- header - Defines a header for a document or a section
- nav - Defines a set of navigation links
- section - Defines a section in a document
- article - Defines an independent, self-contained * content
- aside - Defines content aside from the content (like a sidebar)
- footer - Defines a footer for a document or a section
- details - Defines additional details that the user can open and close on
JS Functions
Why do we need to js ?
We need Java to make the page more dynamic and attractive to the user.In order for the user to interact with it and feel comfortable in it
WHAT IS the FUNCTION IN JS ?
Functions let you group a series of statements together to perform a specific task. If different parts of a script repeat the same task, you can reuse the function
How we can declerating a function and call it
-
function name_fun() { console.log(‘hello’); }
-
name_fun();
Function Declarations vs Function Expressions
