A case of html to learn all common HTML(H5) tags

Table of contents

foreword

HTML5 declaration

HTML frame

head head

Declare encoding format

Tell the IE browser that IE8/9 and later versions will render the page with the highest version of IE.

Mobile adaptation

website title

website text

Composition of website content

text about tags

Audio Video Tags

Form tags and input attributes

foreword

There is no difficulty in HTML, no matter it is the same for freshman or sophomore review, as long as you are down-to-earth, you can type it a few times so steadily and remember it. I didn’t involve the table tag in it, because This label has a hierarchical structure. When everyone has mastered the basics, I will talk about the table, because the traversal of the table will be involved in the web front-end and back-end exams. Of course, this is also divided into languages. If it is java, it is jsp, but if If it is .NET, it will be ASP. We will explain it according to different languages. The el expression of jsp traverses the table, and the GridView and repeater of asp will give you a more detailed explanation.

I didn’t add the hyperlink here, just a [a] letter. This article mainly reminds everyone to remember some commonly used tag words. I didn’t add it because it’s used a lot later, and it’s easy to use. . Please be more steadfast, and fill in what was left behind before, so that you can understand the whole lecture smoothly later on. I wish you all the best in passing the exam.

HTML5 declaration

<!DOCTYPE html>
copy

HTML frame

<!-- lang="en"stands for English,"zh"represent Chinese -->
<html lang="en">
</html>
copy

head head

<head>
</head>
copy

Declare encoding format

<meta charset="UTF-8">
copy

Tell the IE browser that IE8/9 and later versions will render the page with the highest version of IE.

<meta http-equiv="X-UA-Compatible" content="IE=edge">
copy

Mobile adaptation

<meta name="viewport" content="width=device-width, initial-scale=1.0">
copy

website title

<title>My First HTML Page</title>
copy

website text

<body>
</body>
copy

Composition of website content

<!-- 1. Text --> <!-- 2. Image img --> <!-- 3. Audio.mp3 --> <!-- 4. Video.mp4 --> <!-- 5. Form -->

text about tags

<!-- forward slash/ backslash\ --> <!-- Article label pre --> <!-- paragraph tag p --> <!-- Heading h1-h6 --> <!-- attribute value of align left center right --> <!-- B bold I italic U underline --> <!-- Heading tags H1-H6 --> <!-- separator tag hr -->

Audio Video Tags

    <!-- <video src="8117658.mp3" controls></video> --> <!-- <video src="The Ninth Set of People's Radio Gymnastics.mp4" controls></video> -->

Form tags and input attributes

<!-- 1. In the input tag --> <!-- 2. The attribute value corresponding to the type attribute --> <!-- 3, text text input box --> <!-- 4. password input box --> <!-- 5. Single radio --> <!-- 6. Checkbox checkbox --> <!-- 7. File selection file --> <!-- 8. Pull-down menu select --> <!-- 9. Multi-line text box textarea --> <!-- 10. Submit button submit -->

<!DOCTYPE html>
<html>

<head>
    <title>Our review content HTML5</title>
</head>

<body>
    <!-- 1,Word -->
    <!-- 2,picture img -->
    <!-- 3,audio.mp3 -->
    <!-- <video src="3608117658.mp3" controls></video> -->
    <!-- <video src="The ninth set of People's Broadcasting Gymnastics.mp4" controls></video> -->
    <!-- 4,video.mp4 -->
    <!-- 5,form -->
    <!-- 1,input label -->
    <!-- 2,type The attribute value corresponding to the attribute -->
    <!-- 3,text text input box -->
    <!-- 4,password password input box -->
    <!-- 5,radio radio -->
    <!-- 6,check box checkbox -->
    <!-- 7,file selection file -->
    <!-- 8,Drop-down menu select -->
    <!-- 9,multiline text box textarea -->
    <!-- 10,submit button submit -->
    <fieldset>
        <legend>form operation</legend>
        <form action="#" method="get">
            <p>
                <!-- text -->
                <input type="text" name="userName" value="666" readonly/>
            </p>
            <p>
                <!-- password -->
                <input type="password" name="passWord">
            </p>
            <!-- single button -->
            <p>
                <input type="radio" name="sex" value="boy" />male
                <input type="radio" name="sex" value="girl" checked/>Female
            </p>
            <!-- check box-Checkbox -->
            <p>
                <input type="checkbox" name="likes">Electronic games
                <input type="checkbox" name="likes" checked>electronic novel
                <input type="checkbox" name="likes">change the world
                <input type="checkbox" name="likes">Learn to keep healthy
            </p>
            <!-- file acquisition -->
            <p>
                <input type="file" name="file">
            </p>
            <!-- choose -->
            <p>
                <select name="minzu">
                    <optgroup label="minority">
                        <option>aquarium</option>
                        <option>funeral family</option>
                        <option>Li nationality</option>
                        <option>Dai</option>
                        <option>Gelao</option>
                    </optgroup>
                    <optgroup label="non-minority">
                        <option value="Han nationality">Han nationality</option>
                    </optgroup>
                </select>
            </p>
            <p>
                <!-- multiline text box -->
                <textarea rows="10" cols="50"></textarea>
            </p>
            <p>
                <input type="submit" value="submit" />
            </p>
        </form>
    </fieldset>
    <!-- rich text editor -->



    <!-- forward slash/    backslash\ -->
    <!-- article tags pre -->
    <!-- paragraph tag p -->
    <!-- title h1-h6 -->
    <!-- align attribute value of left center right -->
    <!-- B bold I italics U underline -->
    <!-- title tag H1-H6 -->
    <!-- separator tag hr -->
    <pre>
        dasdasdas 
        dsfds 
        sdfsdfsdf Killing the East Actual Dialogue\n The sender Fei said a little more lksdf
        sdfsdfsd fat stephen is the way\r Fan Motor Fox  
         Will Fly Faster and Fox      acceptable data
    </pre>

    <b>Kong Wu&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;powerful</b>
    <i>Confucius and Mencius    Town of</i>
    <u>Kong said    take meaning</u>
    <h1 align="center">Li Bai</h1>
    <p align="center">Yun Xiang
        <font color="red" face="Chinese regular script">clothes</font>
        Hua Xiangrong,</p>
    <p align="center">The spring breeze blows the threshold of Revlon.</p>
    <p>If it weren't for the sight of Qunyu Mountain,</p>
    <p>Will meet Yaotai next month.</p>

    <h1>I Have A Dream!</h1>
    <h2>I Have A Dream!</h2>
    <h3>I Have A Dream!</h3>
    <h4>I Have A Dream!</h4>
    <h5>I Have A Dream!</h5>
    <h6>I Have A Dream!</h6>

    <hr color="red" size="7" />
</body>

</html>
copy

Here is an overview of HTML:

The full name of HTML is Hypertext Markup Language, which is a markup language. It includes a series of tags. Through these tags, the document format on the network can be unified, and the scattered Internet resources can be connected into a logical whole. HTML text is a descriptive text composed of HTML commands, which can explain text, graphics, animations, sounds, tables, links, etc. [1] Hypertext is a way of organizing information, which associates text, graphics and other information media in the text through hyperlinks. These interrelated information media may be in the same text, or may be other files, or files on a computer located at a geographically distant location. This way of organizing information connects information resources distributed in different locations in a random way, providing convenience for people to search and retrieve information. Hypertext Markup Language is an application under the standard general markup language, and it is also a specification, a standard, which uses markup symbols to mark various parts of the webpage to be displayed. The web page file itself is a text file. By adding tags to the text file, you can tell the browser how to display the content (such as: how to process text, how to arrange screens, how to display pictures, etc.). The browser reads the webpage files in order, and then interprets and displays the content of the markup according to the markup. The wrong markup will not point out its error, and will not stop its interpretation and execution process. The compiler can only analyze the cause of the error through the display effect and error areas. However, it should be noted that different browsers may have different interpretations for the same tag, and thus may have different display effects.

Origin of HTML

The full English name of HTML is Hyper Text Markup Language, that is, Hypertext Markup Language. HTML is a markup language created by the inventor of the Web, Tim Berners-Lee, and his colleague Daniel W. Connolly in 1990. It is an application of the standard generalized markup language SGML. A hypertext document written in HTML is called an HTML document, and it can be independent of various operating system platforms (such as UNIX, Windows, etc.). Using HTML, the information to be expressed is written into HTML files according to certain rules, recognized by a dedicated browser, and these HTML files are "translated" into recognizable information, that is, the web pages we see.

Tags: html5 html

Posted by sphinx9999 on Wed, 30 Nov 2022 16:12:04 +0530