HTML - tags - b....

The iPhone 5s edged out the Samsung Galaxy S4 slightly in all of our tests, however we recommend buying both.

code:
                <p class="spec">The <b>iPhone 5s</b> edged out the <b>Samsung Galaxy S4</b> 
                slightly in all of our tests, however we recommend buying both.</p>
            

The two most popular science courses offered by the school are chemistry (the study of chemicals and the composition of substances) and physics (the study of the nature and properties of matter and energy).

code:
                <p class="spec">The two most popular science courses offered by the school are <b class="term">chemistry</b> 
                (the study of chemicals and the composition of substances) and <b class="term">physics</b> (the study of the nature and 
                properties of matter and energy).</p>
            

code:
                <p class="spec">This article describes several <b class="keywords">text-level</b> elements.
                It explains their usage in an <b class="keywords">HTML</b> document.</p>
                <p class="spec">Keywords are displayed with the default style of the <b>element, likely in bold.</b></p>
            

Use the <b> tag to create bold text on your pages.

code:
                <p class="spec">Use the <b> tag to create <b>bold text</b> on your pages.</p>
            

We want to bold this text.

code:
                <p class="spec">We want to bold <b>this text</b>.</p>
            

code:
                <div>
                    <p class="example">Leader board: </p>
                    <ul class="example">
                        <li><bdi>John S. </bdi>: 100 Percent.
                        <li>User<bdi>Fred T. </bdi>: 93 Percent.
                        <li>User<bdi>إيان</bdi>: 91 Percent.
                        <li>User<bdi>Julie R. </bdi>: 89 Percent.
                        </ul>
                    </div>
            

code:
                <div>
                    <p class="example">This paragraph will go left-to-right.</p>  
                    <p class="example"><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>    
                </div>
            

code:
                <div>
                    <p class="example">Using a simple string of text: "abcdefghijklmnopqrstuvwxyz"</p>
                    <p class="example">Here is what it looks like with bdo dir="ltr": <bdo dir="ltr">abcdefghijklmnopqrstuvwxyz</bdo></p>
                    <p class="example">Here is what it looks like with bdo dir="rtl":  <bdo dir="rtl">abcdefghijklmnopqrstuvwxyz</bdo></p>
                </div>
            

أرمينيا جميلة This sentence in Arabic is automatically displayed from right to left.

code:
                <p class="example" dir="ltr"><bdi>أرمينيا جميلة</bdi> This sentence in Arabic is automatically displayed from right to left.</p>
            

Click Here

code:
                <button type = "button" onclick = "alert('Welcome to my website')">Click Here</button>
            

code:
                <form class="example" action="https://www.lwitters.com/" target="_blank">
                    <button type="submit">my website</button>
                </form>
            

coding:
                <button type="submit" formaction="https://www.lwitters.com/">My website</button>
            

code:
                <a class="example" href="https://lwitters.com" target="_blank">
                    <button>Go to my website</button>
                </a>
            

code:
                <p class="example">The button disabled attribute</p>
                <button class="example" type="button" disabled>Click Me!</button>
            

code:
                <div class="spec">
                    <button class="button button1" type="button">Green</button>
                    <button class="button button2" type="button">Blue</button>
                    <button style="font-size: 1vw;" type="button">I am a blue button! Click me!</button>
                    <button style="font-size: 1vw;" type="button" onclick="alert('Hi user!')">Press me!</button>
                    <p>This button transfers you to another website!</p>
                    <a href="http://lwitters.com" target="_blank">
                        <button class="example" type="submit" style="font-size: 1vw;">Click me!</button>
                    </a>
                </div>
            

code:
                <div class="tags spec">
                    <p>autofocus: <button type="button" autofocus>Hello World!</button></p>
                    <p>disabled: <button type="submit" disabled>Register</button></p>
                    <p>form: <form action="http://google.com" method="GET" id="Search">
                    Search term: <input type="text" name="search_query"></form><button type="submit"
                    form="search">search</button></p>
                    <p>formaction<form><button type="submit" formaction="https://lwitters.com">
                    Click me</button></form></p>
                </div>
            

code:
                <div>
                    <p>Click to disable the button element:</p>
                    <button class="example" type="button" id="myBtn" onclick="disable()">Try it</button>
                    <p class="example" id="one"></p>         
                </div>
            <script>
                    function disable() {
                        var x = document.getElementById("myBtn");
                        x.disabled = true;
                    }
                </script>
            

code:
                

                    <button style="width: 10vw; height: 2vw;"" class="example" type="button" onclick="createButton()">Try it</button>
                    <p id="AA"></p>
                </div>
                <script>
                    function createButton() {
                        var x = document.createElement("BUTTON");
                        var t = document.createTextNode("Click me");
                        x.appendChild(t);
                        document.getElementById("AA").appendChild(x);
                    }
                </script>
            

code:
                <div>
                    <button class="example" onclick="getElementById('two').innerHTML=Date()">
                    What is the time?</button>
                    <p class="example" id="two"></p>
                    <p>Copy text from Field1 into Field2.</p>
                    <p class="spec">Field1:<input class="example" type="text" id="field1" 
                    value="Hello World!"></p><br>
                    <p class="spec">Field2: <input class="example" type="text" 
                    id="field2"></p><br>
                    <button class="example" onclick="copyText()">Copy Text</button>         
                </div>
                <script>
                    function copyText() {
                        document.getElementById("field2").value = document.getElementById("field1").value;
                    }
                </script>
            

code:
                <div>
                    <input class="example input" type="text" placeholder="Insert your text" />
                    <button class="button">Submit</button>            
                </div>
                <script>         
                    let input = document.querySelector(".input")
                    let button = document.querySelector('.button')
                    button.disabled = true
                    input.addEventListener("change", swapState)
                    
                    function swapState(){
                        if (document.querySelector(".input").value === ""){
                            button.disabled = true
                        } else {
                            button.disabled = false
                        }
                    }
                </script>