Setting Up Your First Project

搭建一个基本的前端开发项目的目录结构

Setting Up Your First Project

1. Project Structure

Setting up the project directories structure.

The book sugget the following directory structure:

  ottergram
  |----img
  |     |----otter1.jpg
  |     |----otter2.jpg
  |     |----otter3.jpg
  |----stylesheet
  |     |----style.css
  |----index.html
  |----favicon.ico

2. Some Basic HTML Element knowledge

Initial HTML

A basic knowledge about the html element, content, open and close tag, show as below

            Element
      --------------------------
      |                        |
         <---content------->
      <p>this is a paragraph</p>
      ^                       ^
      |                       |
    open tag            close tag