Welcome to Read: 04
Read: 04 - “HTML Links, CSS Layout, JS Functions”
In this Read: 04, I will talk about those topics:
- Links.
- Layout.
Links
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.
- It starts with
<ol>tag to open a list, then you use<li>tag to put your items there.<a href="http://www.google.com">Google</a>
- It starts with
Layout
How to control where each element sits on a page and how to create attractive page layouts.
- 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 start on a new line Examples include:
<h1> <p> <ul> <li> - inline elements flow in Between surrounding text Examples include:
<img> <b> <i>
- Block-level elements start on a new line Examples include:
| Read | Title | ToGo |
|---|---|---|
| Read: 01 | Introductory HTML and JavaScript |  |
| Read: 02 | HTML Text, CSS Introduction, and Basic JavaScript Instructions | |
| Read: 03 | HTML Lists, CSS Boxes, JS Control Flow | |
| Read: 04 | HTML Links, CSS Layout, JS Functions | |
| Read: 05 | HTML Images; CSS Color & Text | |
| Read: 06 | JS Object Literals; The DOM | |
| Read: 07 | HTML Tables; JS Constructor Functions |  |
| Read: 08 | More CSS Layout | |
| Read: 09 | Forms and Events | |
| Read: 10 | JS Debugging | |
| Read: 11 | Assorted Topics | |
| Read: 12 | Docs for the HTML canvas Element & Chart.js | |
| Read: 13 | Local Storage | |
| Read: 14a | CSS Transforms, Transitions, and Animations | |
| Read: 14b | What Google Learned About Teams | |