Dl,dt,dd,ul,li,ol differences in HTML lists and their applicationsDl,dt,dd,ul,li,ol differences in HTML lists and their applicationsTools/Materials
HTML,DW Software
Method/Step
1Unordered listAn unordered list is a list of items that are marked with a bold dot (typically a small black circle).The unordered list starts with the
2Ordered listSimilarly, a sequence table is a list of
1. HTML tags ulID= "Attachtext"> LiData-text= "111">ahref="#">View Attachmentsa>nbsp;nbsp;ahref="#">Deletea>Li> LiData-text= "222">ahref="#">View Attachmentsa>nbsp;nbsp;ahref="#">Deletea>Li> LiData-text= "333">ahref="#">View Attachmentsa>nbsp;nbsp;ahref="#">Deletea>Li> ul>Js1, get the value of Li attribute data-text, separate functionGetValues () {varValues = ""; varobj = $ ("#attachText Li"); if(obj.le
Li Wu:Heng Learn to think together, honouring teachers save Thanksgiving. Leaf See root three return to one, rivers the same oneness.Meekness Conscience Lord, willing to do without regrets to the most bitter. Reading exercises to keep the body and mind, sincere advice and the line and cherish.
Ide:visual Studio 2017
Browser:chrome
Os:win7
CodeDOCTYPE HTML>HTML>Head> MetaCharSet= "Utf-8" /> Metaname= "Author"content= "Https://www.cnblogs.com/jizuiku"/> title>title> s
Javascriptvar ul = document.getElementById (' ul); var as = Ul.getelementsbytagname (' a '); for (var i = 0; I Jquery,javascript-Set the properties of a under Li under a UL
unordered - ultype= "Square"> Li>SoftwareLi> Li>Computer Science and TechnologyLi> ul> Body>HTML>1, B Tags: bold, double label, such as 2, I Tags: italic, double label, such as 3. Del Tags: strikethrough, double label, e.g. 4,P tag: paragraph label, double label, p tag has only one align property, its properties are as follows four:Note: It is not recommended to use the Align property, it is recommended to use t
Core tips: DIV CSS page layout commonly used list elements ul ol li DL DT DD interpretation
OL ordered List
Performance as
1. ...2. ...3. ...
UL unordered list, showing that the front of the Li is a circle dot instead of 123
Many people easily ignore the use of DL DT DD
DL Content BlockThe caption of the DT content blockDD Content
You can write this:
You can add ol
Web page
div CSS page layout commonly used list elements ul ol li DL DT DD interpretation, block-level element div as little as possible, and table, nesting less the better
OL have sequence table.
The performance is:
1. ...2. ...3. ...
UL unordered list, showing that the front of the Li is a circle dot instead of 123
Many people easily ignore the use of DL DT DD
DL Content BlockThe caption of the
Method One:
div Adaptive WidthVery simple, you should set the DIV's Display:inline-blockAnd then don't set the width on the line.
Method Two:
Div ul Li nested post-resolution highly adaptive approach:The HTML code is as followsThe CSS code is as follows:. main_div {width:80%;margin-top:15px;margin-right:26px;margin-bottom:15px;margin-left:26px;}. main_div UL {min-height:205px;Height:auto;}. main_div Li {Fl
Binary search also known as binary lookup, the advantages are less than the number of comparisons, Find Fast, the average performance is good, the disadvantage is that the unknown origin table is ordered table, and insert delete difficult. Therefore, the binary lookup method is suitable for an ordered list that does not change frequently and finds frequent. First, suppose that the elements in the table are
Use jquery to obtain the attribute of the first li in ul, and jquery to obtain the ulli
When the list is loaded, the first one is selected by default. ID of ul for top_menu
Use $ ("#Top_menuLi: first ") to obtain the first li tag under ul. Then you can use
For example, modify attributes: $ ("#Top_menuLi: first "). attr (" class "," select ");
Trigger event: $ ("#
Jquery gets the first li in ul, and jquery gets ulli
$ ("Ul li: first ");
$ ("Ul li"). eq (0 );$ ("Ul li"). first ();$ ("Ul li"). slice (); // The first slice parameter indicates the start position of the selection, and the second parameter indicates the end position.
ul routine test (Regular inspection) inspection process and number of times, IMP test (plus strict inspection)R classwithout prior noticeNumber of inspectionsin principle is 4 times/year, when UL deems it necessary, it is not just 4 times/yearinspectors have the right to enter the relevant area of the factory during the working hours: material warehouse/semi-finished warehouse/Production workshop/laboratory
How to Use CSS to make horizontal menus for UL Li horizontal arrangement and dot Processing
Step 1: Create an unordered list We first create an unordered list to create a menu structure. Code: Effect:
Homepage
Product Introduction
Service Introduction
Technical Support
Buy now
Contact us
Recently I made an oblog system template, which involves ul, So I sorted out this article.
Article + This large image is displayed.
Ul is a very common label, but it is difficult to control because of its different performance in Firefox and IE.
Ul has a padding value in Firefox but no margin value. In IE, UL has a ma
Using the jquery selector:$ ("Div#div ID ul li a")// selected is DIV under UL under all Li under all the A label $ ("Div#div id"). Children ("Ul:first"). Children ("Li:first"). Find ("a"); // Div under the first ul under the first Li under the a tag // you can use the subscript $ ("Div#div id"). Children ("Ul:eq (0)"). Children ("Li:eq (0)"). Find ("a"); // Div u
A problem was encountered when using CSS to combine div layouts.In a specified width of UL inside I define the width of Li as automatic. An attempt was made to align Li from the left-aligned content length.For example, the width of 210px ul has 4 Li, the width of the 4 Li, according to their own content length of 80px, 120px, 140px, 80px.The effect I need is 4 Li automatically arranged to the left. When the
I accidentally saw a C-language interview question. I remember my first job was a C-language pen question. Haha
# Define year (3600*24*365) UL is circulating on the Internet but this version cannot be compiled,
The correct syntax is # define year (3600*24 * 365ul). I understand # define is a compiler that replaces the text during compilation and then compiles it after replacement.
Ul went wrong outside.
Turn from Sina blog http://blog.sina.com.cn/u/2539885750 The UL and Li lists are commonly used elements when using CSS to layout pages. In CSS, there are properties that specifically control the performance of lists, commonly used List-style-type properties,list-style-image properties,list-style-position properties, and The List-style property. First,List-style-type properties The List-style-type property is used to define the bullets of the Li Li
How to operate li in ul using javascript
This example describes how to operate li in ul in javascript. Share it with you for your reference. The details are as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
Implementation of moving li of two ul tags in JQuery
This article describes how to move the li of two ul tags in JQuery. Share it with you for your reference. The specific implementation method is as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
Http://www.w3.org/TR/x
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.