Skip to content

illithor/learn-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

learning-html

Some notes while learning html.

Shoutcut Cheat Sheet

  • Ctrl + L = select the whole line
  • Ctrl + / = comment the whole line
  • Select a piece of tag, Alt + F3 = quick find / multi cursor
  • Ctrl + Shift + Up / Down = hold the selected linds and swap
  • Alt + . = close the tag

Note

  • Always remember to wrap <p> and </p> around if you want to write text. Text without <p> may cause error.
  • for ID and . for class.

Zen-coding

Make sure your cursor is at the end of the line.

  • html + Tab = <html></html>
  • #MyID + Tab = <div id="MyID"></div>
  • ul#MyID + Tab = <ul id="MyID"></ul>
  • div>p + Tab = <div><p></p></div>
  • ul>li*3 + Tab = <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                              </ul>
    And Tab will keep getting you through the three lists.
    And Shift + Tab will help you to get you back.
  • ul>li{hello} + Tab with the cursor at the end of the line = <ul>
                                                                                                       <li>hello</li>
                                                                                                 </ul>
  • h1+p + Tab = <h1></h1>
                             <p></p>

About

Some notes while learning html.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors