Home > Developer > Web Develop
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "Utf-8"> <title>Figure, Figcaption, details, summary, and Mark elements</title></Head><Body> <!--Figure and Figcaption elements - <!--figure: Specify separate stream content (images, charts, photos, code, and so on), figcaption to add headings to the figures. - < Figure> <figcaption>This is the title</figcaption> <imgsrc= "1.jpg"alt= "Figure 1"> <imgsrc= "2.jpg"alt= "Figure 2"> <imgsrc= "3.jpg"alt= "Figure 3"> </ Figure> <!--details and summary elements - <!--Details: A detail used to describe a part of a document or document, used with summary to define a caption for details, a caption that is visible, and details to be displayed when the user clicks on the title. Currently only Chrome and Safari 6 support <details> tags. - <Details> <Summary>Speed and passion</Summary> <P>It's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie.</P> </Details> <!--Mark Element - <!--mark: Defines the marked text (highlighting, highlighting, and so on). - <P>This is what Lao Tze said, "<Mark>Tao can road, very way. The name is name, very famous. The beginning of the nameless world. The mother of all things. Therefore, we often have no desire to view its wonderful. Often desire to view its total self abandonment. The two are different names, the same as the Xuan. Convoluted, the gate of all the wonderful. </Mark>”</P></Body></HTML>
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "Utf-8"> <title>Progress and meter elements</title></Head><Body><Scripttype= "Text/javascript"> functionbtn () {varI= 0; functionOne () {if(i<= -) {i++; Update (i); }} setinterval (one, -); } functionUpdate (newvalue) {varProgressBar=document.getElementById ('IP'); Progressbar.value=NewValue; Progressbar.getelementsbytagname ('span')[0].textcontent=NewValue; }</Script> <!--rogress: Defines the progress (process) in the run. - < Section> <H2>Use of progress</H2> <P>Complete situation<Progressvalue= "0"Max= "+"ID= "IP"><span>0</span>%</Progress></P> <inputtype= "button"onclick= "btn ()"value= "point Me"/> </ Section> <BR/> <Scripttype= "Text/javascript"> functionbt () {varI= 0; functionOne () {if(i<= -) {i++; Update (i); }} setinterval (one, -); } functionUpdate (newvalue) {varProgressBar=document.getElementById ('wo'); Progressbar.value=NewValue; Progressbar.getelementsbytagname ('span')[0].textcontent=NewValue; }</Script> <!--meter: Define weights and measures. Measures that are used only for the known maximum and minimum values. - <Metervalue= "Ten"min= "0"Max= "+" Low= " the" High= "The "Optimum= "a"ID= "Wo"></Meter> <inputtype= "button"onclick= "BT ()"value= "point Me"/></Body></HTML>
HTML5 Enhanced page elements
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
