Search
 
SCRIPT & CODE EXAMPLE
 

HTML

html writing 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 :: host images for free html 
Html :: larger checkbox html 
Html :: video slider html 
Html :: checkbox group 
Html :: play audio source on html 
Html :: nunjucks variables 
Html :: responsive flexbox navbar 
Html :: a new tab attribute 
Html :: Tooltip with Html attribute bootstrap 5 
Html :: html to powerpoint 
Html :: print button html 
Html :: how to make whatsapp hyperlink 
Html :: bootstrap selec 
Html :: button not clickable html 
Html :: bootstrap tabs 
Html :: html accordion generator 
Html :: drop down using bootstrap 
Html :: html vs htm 
Html :: disable an anchor tag 
Html :: get data from database html select option django 
Html :: html entity for degree celsius 
Html :: link to google icons embed in my website 
Html :: html single line comment 
Html :: px in server 
Html :: &nbsp html 
Html :: SVG <line 
Html :: form submission with post 
Html :: html make a cube 
Html :: jquery loop print html() 
Html :: image in html table 
ADD CONTENT
Topic
Content
Source link
Name
8+6 =