Please enable JavaScript.

Coggle requires JavaScript to display documents.

HTML/CSS (Text (Quotations (<blockquote> used for longer quote. Can…

- - - - contains a description of the page.
        Search engines can understand
        what the page is about and should be
        a maximum of 155 characters
    - - contains list of separated words
        that the users can search on to find the page
    - - indicates whether search engines should add this page to their search result or not.
        noindex: not be added
        nofollow be added but not any pages that it links to
    - - Prevents the browser from catching(save page locally) the page
    - - indicate when the page should exprire
- - - - Logos, button should be contained
        in interface subfolder
      - Product images should be contained
        in product subfolder
      - Photographs related to news should be contained
        in news subfolder
  - - - inside the start of paragraph
      - middle of paragraph
  - - - JPEG: used to display a image which has many color.
      - GIF: used to display the picture which has an area that is filled with exactly color (flat color ): logo, illustration, diagrams
      - Animation GIF: made up by several frames of image in sequence. +1 frame = increase size of file
    - - Made up by placing many point to grid and drawing line between those point
      - Advantage: increase the dimension without affecting the quality of it
- - - - Open link in new window
        target="_blank
  - - - Same folder
        <a href="reviews.html"> Reviews </a>
      - Children folder
        <a href="/ahihi/reviews.html"> Reviews </a>
      - Grandchild folder
        <a href="/ahihi/ahihi2/reviews.html"> Reviews </a>
      - Parent folder
        <a href="../reviews.html"> Reviews </a>
      - GrandParent
        <a href="../../reviews.html"> Reviews </a>
  - - - href="index.html#heading1
- - - - use hosted service such as Youtube
        or Vimeo to add video to the pages
      - or use HTML 5 <video> tag
  - - - Use a Hosted Service
        SoundCloud or MySpace
      - Use Flash
      - use HTML 5 <audio> tag
  - - - Convert video to FLV format
      - Find an FLV Player to play the video
      - include FLV video and player in the site
- - - - Password input
        
        <input type="password" name="password" size="15" maxlength="30"/>
      - Text area
        
        <textarea name="comment">Fill out some comments
        </textarea>
      - Text input
        
        <input type="text" name="username" size="15" maxlength="30"/>
        
        type="text": create the single line edit text
        
        name="username": identify form control
        
        maxlength="30": maximum characters = 30
        
        size="5": should not be used in new form.
        indicate the width of text input
    - - Radio Button
        
        <form action="ahihi.html" method="post">
        <p>Select your country</p>
        <br>
        <input type="radio" name="country" value="Viet Nam" checked>Viet Nam
        <input type="radio" name="country" value="Lao">Lao
        </form>
      - Checkbox
        
        </form> <form action="ahihi.html" method="POST"> <p>Activities</p>
        <br> <input type="checkbox" name="activities" value="Dota2" checked>Dota2 <input type="checkbox" name="activities" value="Football">Football
        </form>
      - Dropdown Box
        
        <form action="ahihi.html" method="POST">
        <p>Select your job</p>
        <br>
        <select name="job">
        <option value="BA" selected>BA</option>
        <option value="DEV">DEV</option>
        </select>
        </form>
    - - Image button
        
        <input type="image" src="image/ahihi.png">
      - Submit button
        
        <input type="submit" value="Send"></input>
    - - allows more control how it appear and allow other elements can appear inside button <button><img src="image/add.png />Add</button>
    - - Always show hidden form control (Not shows in page). Used to allow web page author add values to form that user can't see.
    - - wrap around text description and form input<label>Email:<input type="text"></input></label>
      - separate from form control and use for attribute to indicate which form control it is label for
    - - Group related form control together inside <fieldset>
      - legend
        
        identify purpose of group form control
    - - required attribute: Validation
      - type
        
        url
        
        email
        
        date
        
        search
      - placeholder