Search
 
SCRIPT & CODE EXAMPLE
 

HTML

html code

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <meta name="description" content="Minimal HTML code."> <!-- SEO -->
  </head>

  <body>
    <h1>Heading</h1>
    <h2>Subheading</h2>
    <p>paragraph</p>
  </body>
</html>
Comment

Html Code

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

    <head>
        <title>HighLight Js Example </title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
        <!-- and it's easy to individually load additional languages like go.min.js-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/languages/csharp.min.js"></script>
        <!-- add custom theme agate.min.css all referenced from hljs-->
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">
        <Style>
            /* for block of numbers */
            .hljs-ln-numbers {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;

                text-align: left;
                color: rgb(255, 255, 255);
                border-right: 3px solid rgb(255, 255, 255);
                vertical-align: top;
                padding-right: 5px;

                /* your custom style here */
            }

            /* for block of code */
            .hljs-ln-code {
                padding-right: 10px;
            }

            .hljs-ln td {
                padding-top: px;
                padding-right: 5px;
                padding-bottom: px;
                padding-left: 5px;
            }
        </Style>
    </head>

    <body>
        <h2>C Sharp highlight</h2>
        <div class="d-inline-flex p-2 bd-highlight">
            <pre>
                <code class="csharp rounded  shadow-sm p-3 mb-5">class Program
{
    static void Main(string[] args)
    {
        //var s = "Example Case of hljs As of date 10 Nov 2022";
        var h = new int[] { 4, 2, 0, 3, 2, 5 };
        var obj = new Program();
        Console.WriteLine(string.Join(" ",h));
    }
}
                </code>
            </pre>
        </div>
        <script>
            hljs.initHighlightingOnLoad();
            hljs.initLineNumbersOnLoad();
        </script>
    </body>

</html>
Comment

html code

code {
    font-family: monospace;
}
Comment

all codes of html

<html>
  
  <head><title>Hii</title></head>
  
  <body>
  <p>Hii</p>
  </body>
  </html>
Comment

PREVIOUS NEXT
Code Example
Html :: iframe specific part of a web 
Html :: later synonym 
Html :: html games for mobile 
Html :: Uncaught ReferenceError: Chartist is not defined 
Html :: html <small 
Html :: veranderen slb zuyd 
Css :: no select css 
Css :: ul reset 
Css :: Hide calendar icon 
Css :: overflow dottet 
Css :: react inline css background color 
Css :: html remove border from textarea 
Css :: remove input styling 
Css :: remove underline from a link css 
Css :: custom scrollbar 
Css :: css center position absolute 
Css :: how to render css in flask link 
Css :: flexbox go to next row 
Css :: square bullets css 
Css :: center position absolute 
Css :: prevent text from going to next line css 
Css :: detect mobile css 
Css :: how to make animation stay on 100% 
Css :: how to import fonts css 
Css :: html scrollable without scroll bar 
Css :: how to wrap text in div css 
Css :: how to create a glass-polymorphism effect 
Css :: bootstrap text truncate 
Css :: css flex reverse order 
Css :: border dot css 
ADD CONTENT
Topic
Content
Source link
Name
2+4 =