Search
 
SCRIPT & CODE EXAMPLE
 

HTML

how to accossate an id to html elemtnts

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <script>
        var id = -1;
        function createId() {
            return id++;
        }
    </script>
</head>

<body>
    <div id = "createId();">
            createId();
            <h1 id = "createId();">CHAPTER I</h1>
            <h2 id = "createId();">Down the Rabbit-Hole</h2>
            <div id = "createId();"></div>
            <p id = "createId();"><strong>Alice</strong> was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it,<i> 'and what is the use of a book,'</i> thought Alice<i> 'without pictures or conversations?’.</i></p>

            <p id = "createId();">So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a <strong>White Rabbit</strong> with pink eyes ran close by her.
            There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, <i>'Oh dear! Oh dear! I shall be late!'</i> (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural). But when the <strong>Rabbit</strong> actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, <strong>Alice</strong> started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.</p>

    </div>
</body>
Comment

set id in html

<style>
#grepperHeader {
  background-color: lightblue;
  color: navy;
  padding: 40px;
  text-align: center;
}
</style>

<h1 id="grepperHeader">grepperHeader</h1>
Comment

PREVIOUS NEXT
Code Example
Html :: ion icon image 
Html :: rounded pill bootstrap 5 
Html :: how to insert a banner in html 
Html :: remove cell border css 
Html :: html inline elements 
Html :: html element hover help text 
Html :: html link weiterleitung 
Html :: vue transition 
Html :: how to increaase font size on html 
Html :: smooth scroll button by element id 
Html :: Horizontal Scrolling Bopostrap 
Html :: nuclear bomb 
Html :: meta name and content 
Html :: coreui dropdown 
Html :: page auto refresh 
Html :: tabs characters in html 
Html :: html select default value 
Html :: del tag html 
Html :: links in html 
Html :: tailwind rounded top left 
Html :: html make an alert for delete 
Html :: draggable html 
Html :: html lang attribute 
Html :: a tag download csv save download 
Html :: how to stop moving text in html when you hover over it 
Html :: replit iframe 
Html :: conditional script tag in html head site:stackoverflow.com 
Html :: vue js v-for array index 
Html :: use boolean condition ngclass 
Html :: html work with path 
ADD CONTENT
Topic
Content
Source link
Name
4+3 =