FAQ in HTML One

What are some of the frequently occurring problems in HTML? How do I use sequential, unordered, and custom lists? Write a simple example. What is the difference in semantics between the three? What is the usage scenario? Can I nest?

A list item that is marked with a number is a sequence table:

<ol><li>Coffee</li><li>Milk</li></ol>

The effect is as follows:

<ol><li>Coffee</li><li>Milk</li> </ol>

An unordered list is a list item that is marked with the origin point:

<ul><li>Coffee</li><li>Milk</li></ul>

The effect is as follows:

<ul><li>Coffee</li><li>Milk</li></ul>

A combination of the items represented by the custom list plus comments:

<dt>Coffee</dt> <dd>black Hot drink</dd><dt>milk</dt></dl> '

The effect is as follows:

><dl><dt>coffee</dt><dd>black Hot drink</dd><dt>milk</dt><dd> White Cold drink</dd></dl>

Each of these three lists can be nested.
-# # # #如何去除列表前面的点或者数字?
You can use CSS styles to

"' <style>ul{     List-style:none;} ```

-# # # #class and ID What's the difference? When do I use the class ID? The
1.ID is unique and class is universal. The
2.ID is unique and is typically used for page layouts. The
3.Class is repeatable and is typically used for style definitions. The style of the
4.ID is higher than class.
-# # # #块级元素, what are the inline elements? What's the difference? What are the common tags for each? When a
block-level element is displayed in the browser, it usually starts (and ends) with a new line. The
inline element, which is displayed, usually does not start with a new line.
Difference:
1. A block-level element will have a single row and its width automatically fills its parent element width. The
inline element does not have a single row, the adjacent inline elements are arranged in the same row, the line is not wrapped, and the width varies with the content of the element
2. Block-level elements can be set width, height property, inline element set width, height invalid
3. Block-level elements can set margin and padding. The padding-left,padding-right,margin-left,margin-right of the horizontal direction of the element in the row produces a margin effect, but the vertical direction of the Padding-top,padding-bottom, Margin-top,margin-bottom does not produce a margin effect.
Block-level element tags: div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table.
Inline element Tags: span,strong, Em,br,img,input,label,select,textarea, cite.
-# # # #display: What does block, Display:inline, and Display:inline-block have in their respective roles?
1.display:block: This element will be displayed as a block-level element with a newline character before and after this element.
2.display:inline: This element is displayed as an inline element with no line breaks before or after the element.
3.display:inline-block: Renders the object as an inline object, but the contents of the object are presented as block objects. Adjacent inline objects are presented in the same line, allowing spaces.
-# # # #下面代码的作用?

       <div id= "header" >        </div>        <div id= "Content" >        <div class= "main" ></div>        <div class= "aside" ></div>        </div>        <div id= "Footer" >        </div>

This code uses Id,class to lay out the div module so that the page is rendered as a page header, content, footer, and is divided into sidebar and main column sections in the content. In the page, Header,content,footer will only appear once, so with the ID tag, and content for later convenient modification, with class tag.
-# # # #如何理解 HTML CSS semantics?
By using semantics, it makes it easier to understand the role and usage of each tag, such as the P tag, which can be interpreted as a paragraph tag, representing a paragraph. There are also EM tags, hx labels, table labels, and so on.
-# # # #form表单有什么作用? What are the commonly used input tags, and what are their respective roles?
HTML creates a form through the form label to provide the user with a text field, a check box, a radio box, a submit button, etc. to transfer data to the server. The common input tags are:
Type specifies the types of input elements.
SRC defines the URL of an image to be displayed as a Submit button.
Checked specifies that this input element should be selected when it is first loaded.
value specifies the values of the INPUT element.
Name defines the names of the input elements.
-the difference between # # # #post and get mode?
Get is sent as a URL variable, and the form data is appended to the URL as a name/value pair.
Post is sent as an HTTP post to pass the form data in the form of an HTTP POST transaction.
-# # # #在input里, what does name do?
The Name property specifies the names of the input elements that are used to identify the form data that is submitted to the server, or to reference form data through JavaScript on the client.
-####<button> Submit </button>, <a class= "btn" href= "#" > Submit </a>, <input type= "Submit" value= "Submit" What is the difference between >?
1.<button> Submit </button> Define a button,. All content between <button> and </button> tags is the content of the button, including any acceptable body content, such as text or multimedia content.
2.<a class= "btn" href= "#" > Submit </a> is a hyperlink defined by a label, and its style is marked with a class= "btn".
3.<input type= "Submit" value= "commit" > Define the Submit button, click and Send form data to the server. The data is sent to the page specified in the form's Action property.
-# # # #radio how to group?
In the Input tab, add the name attribute to group.
-# # # #placeholder What is the effect of the attribute?
The placeholder property provides a hint that describes the expected value of an input field (hint). The hint appears when the input field is empty and disappears when the field gets focus.
-# # # #type =hidden What is the effect of hidden fields? Example
Hidden fields are not visible to users in the page, and inserting hidden fields in the form is intended to collect or send information to facilitate the process of processing the form

are used. When the browser clicks the Send button to send the form, the hidden field information is also sent to the server.

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Related reading:

Brief introduction to the principle of clearfix in CSS

CSS Common styles

How to make a login box with CSS3

What are the common problems with CSS selectors?