Basic knowledge of HTML page

Basic knowledge of HTML pages, Getting started with HTML, What you need to learn HTML
In fact, you don’t need any tools to learn HTML. You don’t need any HTML editor, you don’t need a web server, you don’t need a website.

Basic knowledge of HTML page

Basic knowledge of HTML page
Basic knowledge of HTML page

Basic structure

<!--HTML basic structure-->
<header> <h2>Page Head</h2> </header>
<section> <h2>Page Body</h2> </section>
<footer> <h2>Page Footer</h2> </footer>

Inline framework

<!--Inline frame  width  height-->
    <iframe src="https://znlive.com" name="hl" frameborder="0" width="300px" height="500px"></iframe>
<!--Jump to hl through the a tag-->
    <a href="https://znlive.com/how-to-use-arraypool-and-memorypool-in-csharp" target="hl">click here</a>

Form syntax

<!--Form syntax

    Address of form submission:action It can be a website or a request processing
    method: post ,  get Submission method
    The get submission method will display the account password we entered at the top of the browser, so it is not safe
    Post is safer, transfer large files
-->

<form action="Deom1.html" method="get">

<!-- Text input box: input type=text
      password input box: input  type=password
-->
    <p>Account:<input type="text" name="username"> </p>
    <p>Password:<input type="password" name="pwd"> </p>
    <p>
        <input type="submit">
        <input type="reset">
    </p>
</form>

Button

single button

<input type="radio" name="sex">Male
<input type="radio" name="sex">Female

Multi-select button

<input type="checkbox" >google
<input type="checkbox" >facebook
<input type="checkbox" >znlive.com

Drop-down list

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>

</select>

File domain

<!--The input tag of the file domain is the name plus the uploaded things in the form of key-value pairs-->

    <p>
        <input type="file" name="files">
    </p>

Email mail judgment

<!--Email judgement This is only a preliminary verification, you can use JS to verify-->

<input type="email" name="email">

Slider

<!--Slider-->
voice:
<input type="range" min="0" max="100" name="voice">

Search

<input type="search" name="search">

Disable & hide

<input type="submit" disabled>
<input type="submit" hidden>
<!--disabled -->
<!--hidden  -->

Enhance

<!--Enhance the usability of the mouse Click on the text to directly select the text box of the ID-->

    <label for="mark">click me</label>
    <input type="text" id="mark">

Primary verification of forms

<!--
	 placeholder: informative message
         required: non-empty judgment, must fill in the content
         pattern: regular expression	
-->
	<p>Account:<input type="text" name="username" placeholder="please enter user name" required  pattern=""> </p>
    <p>Password:<input type="password" name="pwd"> </p>

Basic knowledge of HTML page

Basic knowledge of HTML page
Basic knowledge of HTML page

Leave a Comment