Search
 
SCRIPT & CODE EXAMPLE
 

HTML

html shortcuts

div#div-id <!-- Create a div element with the id: div-id --> 
div.div-class <!-- Create a div element with the class: div-class -->
div*10 <!-- Create 10 div elements -->
div{CSS} <!-- Create a div element with innerHTML: 'CSS' -->
div+span <!-- Create a div element and a span element -->
div>div <!-- Create a parent div element with a child div element -->
div[onclick] <!-- Create a div element with the onclick attribute -->
$ <!-- When you combine it with the innerHTML & multiply or with --> 
  <!-- the id & class shortcuts it's really useful -->

<!-- Example --> div#div-${$}*3
<div id="div-1">1</div>
<div id="div-2">2</div>
<div id="div-3">3</div>

<!-- You can also combine them: -->
div#ABC.div-class>span{This is how to save time when coding HTML}+p{shortcuts}

<!-- this will generate: -->
<div id="ABC" class="div-class">
  <span>This is how to save time when coding HTML</span>
  <p>shortcuts</p>
</div>

<!-- These shortcuts work in VScode and for other code editors im not sure -->
Comment

html shortcut

write "!" and then this will show hint for HTML code then press "Enter" button to make starter template of HTML
Comment

PREVIOUS NEXT
Code Example
Html :: html shortcuts 
Html :: how to add links in html 
Html :: tailwind css carousel 
Html :: how to write 2 class in html 
Html :: links html 
Html :: bootstrap starter template 
Html :: bootstrap carousel dark 
Html :: how to change time in minecraft 
Html :: html table cell full width 
Html :: unmount ubuntu 
Html :: flex-end tailwind 
Html :: whatsapp link html 
Html :: Bootstrap class make your form inputs look nicer 
Html :: accordion bootstrap 5 collapse not working 
Html :: icon inside input tag 
Html :: bootstrap form textarea 
Html :: use svg as favicon react 
Html :: html unordered list 
Html :: add color to hr tag 
Html :: agregar texto debajo de una imagen html 
Html :: multiline input 
Html :: python print html as a string 
Html :: navbar with logo css 
Html :: center text in html 
Html :: how to jump line in html 
Html :: html select placeholder 
Html :: html small text 
Html :: button md file 
Html :: how to add bar notation in html 
Html :: html onkeyup set value 
ADD CONTENT
Topic
Content
Source link
Name
4+2 =