Table of contents
Composition of website content
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
copy<!DOCTYPE html>
HTML frame
copy<!-- lang="en"stands for English,"zh"represent Chinese --> <html lang="en"> </html>
head head
copy<head> </head>
Declare encoding format
copy<meta charset="UTF-8">
Tell the IE browser that IE8/9 and later versions will render the page with the highest version of IE.
copy<meta http-equiv="X-UA-Compatible" content="IE=edge">
Mobile adaptation
copy<meta name="viewport" content="width=device-width, initial-scale=1.0">
website title
copy<title>My First HTML Page</title>
website text
copy<body> </body>
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 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>
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.