HTML study notes

HTML refers to Hyper Text Markup Language (Hyper Text Markup Language)

XHTML is a more rigorous and purer version of HTML.
XHTML refers to EXtensible HyperText Markup Language.
XHTML is HTML redefined as an XML application.
XHTML is a W3C standard.
You should immediately write HTML code in lowercase letters, and never get into the bad habit of ignoring tags like

.
XHTML elements must be closed. Non-empty tags must use closing tags.

The attribute name must be lowercase
The attribute value must be in quotes
The attribute cannot be abbreviated
Use the Id attribute instead of the name attribute
XHTML DTD defines the mandatory HTML elements


br/>PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

HTML5 is the next generation of HTML.

---------------------------------- ----------------------------------

is also used to quote other people’s text. But it is a reference to a long text, such as introducing a large section of a well-known writer's text into an article, in which case this tag is needed.
The browser parses the

tag in an indented style.
tag, short text quote
Quotation marks
  Space

tag, add address information to the web page
Want to add a line of code? Use the tag <code>var i=i+300;

If it is multi-line code, you can use the

 tag. <br><br>ul-li is a list of information in no order. A sequential information list uses ol<br><br> to create the four elements of the table: <br>table, tbody, tr, th, td<br><tbody>…</tbody>: when the table content Very often, the table will be downloaded and displayed a little, but if the <tbody> tag is added, the table will not be displayed until all the table contents are downloaded. Such as the code in the code editor on the right. <br><br>caption tag, add a title to the table. The display position of the title: above the table. <br><br><table summary="Table introduction text">
<br>The content of the summary will not be displayed in the browser. Its function is to increase the readability (semanticization) of the table, enable search engines to better understand the table content, and also enable screen readers to better help special users read the table content. <br><br>Use mailto to link email addresses in web pages<br>What do you think of this movie review?<a href="mailto:yy@imooc.com?subject=What%20you%20think%20after%20watching%20The%20Great%20Gatsby&body=%20Hello,%20I%20have%20some%20thoughts%20on%20this%20comment.%20">Send</a>email me<br><br><img src="image%20address" alt="replacement text when download fails" title="Prompt. Text"><br><br>Use form tags to interact with users<br><form method="Transmission method" action="Server%20file">
<br><br>Text input box, password input box <span class="Apple-converted-space"> <br><input type="text" name="Name" value="Text"><br><input type="password" name="Password" value="Text">Text area, supports multi-line text input<br><textarea rows="Number of rows" cols="Number of columns">Text</textarea><br><br>Use radio button, check box Check box, allowing the user to select<input type="radio/checkbox" value="value" name="name" checked><br>Note: For radio buttons in the same group, name must have a certain value Be consistent<br><br>Use the drop-down list box to save space<br><select><br>         <option value="Read a book">Read a book</option>
<br>         <option value=" Travel">Travel</option>
<br> ; <option value="Sports">Sports</option>
<br> ; <option value="Shopping">Shopping</option>
<br> </select><br>Set the selected="selected" attribute, then the option will be selected by default <br>The drop-down list can also perform multiple selection operations, set the multiple="multiple" attribute in the <select> tag , you can realize the multi-selection function. Under the Windows operating system, press the Ctrl key and click at the same time when making multiple selections (use Command + click under Mac) to select multiple options. The following code: <br><br>Use the reset button to reset the form information<br>When the user needs to reset the form information to the initial state, for example, after the user enters the "user name" and finds that the writing is wrong, you can Use the reset button to return the input box to its original state. Just set type to "reset". <br><input type="reset" value="Reset"><br><br><br>The label label in the form <br>The label label will not present any special effects to the user, its The effect is improved usability for mouse users. This control will be triggered if you click on the text inside the label. That is to say, when the user clicks to select the label, the browser will automatically turn the focus to the form control related to the label (it will automatically select the form control related to the label). <br><label for="Control id name"></label></select></span><p>For more HTML study notes and related articles, please pay attention to the PHP Chinese website! </p>
</form>
</table>
</tbody>