| 100 examples of HTML skills | |
1. Link Control Back to the previous page: Use onclick = "history. Go (-1)", as shown in Back to homepage: Use onclick = 'top. Location. href = "../chinamail.html" ', as shown in figure 2. Link prompt Add Onmouseover = "window. Status = 'here is... '; return true" onmouseout = "window. Status =''; return true" For example, where to go? (Check the status line changes before clicking the link) 3. Background Music Show Operation Panel: Add <embed src = "/Aladdin. Mid" width = "140" Height = "35" autostart = true controls = "middleconsole"> Operation Panel not displayed: Add <embed src = "/Aladdin. Mid" hidden = true autostart = true loop = true> anywhere on the page. Or <embed src = "TT. Ram" autostart = "true" loop = "2" width = "80" Height = "30"> For browsers that do not support the embed label, you can use the label instead. 4. Set the default character language of the home page to simplified Chinese (For Netscape) Add <meta HTTP-EQUIV = "Content-Type" content = "text/html; charset = cn-GB"> 5. Different links Display in the frame: add the target = "Main" Statement to the Link, where main is the frame name. Display on the entire page: add the target = "_ top" Statement to the link Open a new window: add the target = "resource window" Statement to the link, for example, <a href = "/index.htm" target = "resource window"> </a> 6. Force the homepage to be reread from the server instead of being cached. Add In this way, the browser will forcibly re-read your page without considering the content in cacke, which is equivalent to using reload. If it is used on the page where you have a counter, this page is returned no matter where it is If used in BBS programs, you can update pages without reload. 7. Automatic refresh Timed Refresh: <meta HTTP-EQUIV = "refresh" content = "10; url = http: // your own URL"> Slide effect: the statement is similar to the above, but in page 1 the URL points to page 2, while page 2 points to page 3... 8. upload images in advance If there is a large image to be displayed on the page after your site, you may wish to load it in advance on the first page. Statement: If your visitor stays on the first page long enough, the image will be displayed immediately when he enters the second page. 9. Automatic Connection
Method: Add the following line to <title>... </title>: <Meta http-equiv = "refresh" content = "10"; url = "otherpage.htm"> 10 indicates automatic connection in 10 seconds. 10. Automatic line feed: Automatically wrap lines on the home page to adapt to different browsers or resolutions. 11. Control the text location with a single pixel GIF File To accurately control the text position in HTML, you can create a 1x1 transparent image (for example, blance.gif ). Then add the code to HTML: 12. container tag <BLOCKQUOTE> </BLOCKQUOTE> the tag can include all objects on the webpage, but cannot add variables to it. 13. Set the image size To enable your web page to display text content immediately before the image is downloaded. 14. move text This is commonly used on the home page, and its production method is very simple. 15. How do I remove the underline Of the homepage hyperlink? Place the following statement between <Style> What's simpler is 16. Floating background (the background image does not scroll) When you hold the drop-down bar, the background does not move. (This slows down the browsing speed. :-() Join: Or use a CSS style sheet to define: 17. Leave the background image untiled 18. Test the browser category and automatically mount different web pages At present, Microsoft and Netscape browsers are not fully compatible with all web pages. Some are very beautiful in Some browsers, but they are a mess when viewed in other browsers. If you need to test your browser, you can add the following JavaScript code and save a separate webpage: <Script language = "JavaScript"> 19. Define keywords for this webpage Adding a keyword to a webpage can be used by some platform search robots. They will use this keyword to index your website. In this way, when someone else uses a keyword to search for a website, if your webpage contains this keyword, it can be listed and defined. You can add the following code: 20. Add the e-mail link to the webpage and display the predefined topic. <A href = mailto: cnshell@163.com? Subject = Hello> 21. Link information hidden in the status bar When you point to a link, the link information appears in the browser status bar. To hide the information, you can set it as follows: 22. submit the form to your email address on the webpage. Form submission requires the support of the CGI program, but you can also use e-mail to submit the form. After designing the form, add the action content to the email address, as shown below: 23. Hide the free counter icon Many netizens use the free counter, which helps you analyze website traffic. If you want to hide the Service icon, you can change the width = 88 Height = 31 in the service code to 1. 24. Add the last modification date to the webpage Add the following code to the body: 25. Open a new browser window and set window properties If you need to open another new window while loading the site, add the following code: <Script language = "JavaScript"> You can set pop.htm to your HTM file. For setting properties of the new window, follow these settings: Popup = Window. Open ('', 'popupnav', 'width = 200, Height = 170, resizable = 1, scrollbars = auto '); Width: width, height: height, resizable: whether to allow a visitor to zoom in a new window. scrollbars: if the text exceeds one screen, whether to generate a scroll bar. Status: whether to display the status bar, menubar: whether to display the menu, Location: whether to display the address bar. The preceding attributes are in the format of yes or no. and width and height are: width = # pixels, Height = # pixels. 26. How can I determine the operating system used by the server? In the address bar of the browser, enter the server address to be viewed. Make sure to include the Directory and document name. Then press enter to display the request page. Try to change the document name to uppercase. If the returned page does not exist, the operating system of the server may be Unix or Macintosh. If the page content is returned, the server may be a windwos operating system because windows is not case sensitive. 27. How can I improve the chances of a site being searched in a search engine? When you register your site to a search engine, it does not mean that your site will be frequently searched. How to increase the probability is very simple, your home page usually has a title, it is usually set in the middle of <title> </title>. At this time, you can set the keyword here after setting the title, for example: 28. How can I test the download speed of a website? Prepare a table that can read seconds, such as a running table, which is more accurate. Of course, you can also use a common table. First, we test the download time of plain text, open the browser, disable the image download function, connect to the Internet, enter the site address in the address bar, and press enter to start timing, when all text content is downloaded, the timer is stopped. If you want to test the download speed of the entire site and enable the image download function, if your site contains JavaScript, you also need to select the support in the browser, as shown above, enter the address, press enter, and start timing, when all content is downloaded, the timer is stopped. After the above two tests, you will be aware of the connection download speed of your site. 29. How can I make the site automatically jump to another page? Add the following code to the HTML file: 61. What are the steps for creating a dynamic page? Step 1: Design the page and find the materials required for the page; Step 2: complete normal page creation without the need to involve Dynamic Homepage content; Step 3: Add a stacked style sheet for the page text to change the text color and link; Step 4: Add interactive content such as CGI, javascirpt, and ActiveX controls to the page, which is the key to page dynamics; Step 5: test the dynamic page to adapt to more browsers; Step 6: publish a dynamic page and mark it as a dynamic page (DHTML ). 62. How can visitors click to add site bookmarks? We always hope that visitors can add your site to their bookmarks. Here is a good solution: In the <Script language = "JavaScript"> <! -- Function addbookmark () {Window. External. AddFavorite ("http://www.yy0736.com", "e ");} // --> Add the following content to the <body> </body> section: <Script language = "JavaScript"> 63. Can I write HTML Tag elements in uppercase? For most HTML Tag elements, you can use the combination of uppercase and lowercase letters to write tag elements. For example: <HTML> 64. How to close the browser window by clicking on the page? Add the following code in the <body> </body> section: <A href = "javascript: window. Close ()"> close the window </a> 65. How do I set an access password for the page? Sometimes you need to set a password for a page to allow the right person to come in. In the <Script language = "JavaScript"> <! -- Var Pd = "" Var RPD = "bullbat" Pd = prompt ("enter the password:", "") if (PD! = RPD) {alert ("Your password is incorrect...") history. Back ()} else {alert ("Your password is correct! ") Window. Location. href =" flash.htm "} In the above Code, "bullbat" is the correct password. "Flash.htm" is the page that links after the correct password is entered. This password setting method is not safe, because visitors only need to view the page source code to know the password. 66. How do I set the correct software download link for visitors? Like other links, the <A> </a> label is used. However, for Software Download Links, you need to set the following settings: <A href = "/wbzx.zip"> download wbzx.zip (188kb) </a> 67. How do I delete the blue border of an image link? If we set an image as a link, we will find a blue border around the image. To delete a border, add border = "0" to the Image Tag ". For example: 68. How to provide a button for the link? <Form action = "cnshell.htm" method = "get"> <P> <input type = "Submit" value = "Click here" name = "cnshell"> </P> </Form> 69. How do I know where the site traffic is? If you have the right to manage the site server, this is a very simple problem. You can check the server logs. However, you do not have the right to do so now, but a third party can provide traffic data. Easy data is a good choice. Link to the site http://best.netease.com/and then add the code to the page. When you want to know the traffic, click the easy data icon. On the statistics page, click analysis. 70. How can I make the browser correctly display the Word file format? To correctly process word and other formats, you need to set the file type in the HTML file, for example: <Meta http-equiv = "Content-Type" content = "application/MSWord"> There are other file types that are frequently set: Application/MSWord Microsoft Word document application/pdf PDF documentapplication/wordperfect6.0 WordPerfect 6.0 documentapplication/zip archiveaudio/X-WAV audio formataudio/MIDI audio formataudio/X-PN-RealAudio realaudioimage/ GIF image formatimage/JPEG image formatimage/PNG Image formattext/html HTML documenttext/plain textvideo/MPEG Video formatvideo/QuickTime video formatvideo/X-msvideo AVI Video Format 71. How do I know that my images are used by other websites? If you create a unique name for a website image, it is also easy to duplicate the name, such as tt124.jpg. Link to the site: Website. The AltaVista search engine is a site dominated by robot searches. Its robots constantly index the pages of the entire network, so you can find anything related to you there, enter the Pinyin of your name and see what you have found. 72. How to indent text paragraphs? In the P {text-indent: 1%} The P tag is the HTML text section tag, and 1% is the indent range. 72. How to correctly use the separation line? If you use frongpage98, I assume that you need to separate the Left and Right Parts of the page. First, use the table tool to drag three horizontal tables and place the content in the left and right sides of the two units, set the width of the Unit in the middle to one pixels and fill in the required color. You also need to set the size and unit of all tables and units to pixels. 73. Why are some sites slow to download? Because the web page uses too many images and uses a large number of Java applets to pursue cool effects, too much use of <Table> is not desirable. Compression is required for images and never used for Java applets. This allows machines to configure hard disks for low visitors. CSS and javascript can be used for dynamic pages. 74. How to Make the font display more comfortable? This requires the use of CSS (stacked style sheets). The common fonts are: {font-family: (GB); font-size: 9pt; line-Height: 16px }, add this code to <Head> Font-family: GB (GB) is the Set Font; font-size: 9pt is the font size; line-Height: 16px is the upper/Lower Interval of text lines. 75. How to make web pages compatible with IE and NN browsers? Full compatibility is impossible. At present, Internet Explorer is much more popular than NN browser, so you only need to be compatible with Internet Explorer. Of course, you can also create two sets of web pages and use JavaScript to detect different browsers to mount the corresponding web pages. 76. How to correctly use fonts? Setting text fonts is a very important part in the production of web pages. However, because not every visitor has a font set, try to use the default font of the operating system, such as,, and. Other types of fonts can be graphically implemented. 78. How to Make a traditional version of the webpage? If you use the e-port webpage workshop tool to create a page, you can use the GB under the tool menu to convert the simplified web page to the traditional web page. If you use other tools, you can also use the GB-to-big5 page of the webpage workshop to create traditional web pages, use the webpage workshop to open the page, click the GB-to-big5 page under the tool menu, and save the conversion. Note that the original <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> changed charset = gb2312 to charset = big5. In this way, the visitor's browser will automatically recognize it. (E-port webpage Workshop: http://e-port.soim.net /) 77. Use a horizontal line (HR) to create a vertical line? Insert HR: <HR size = "1">. How to Make It vertical, simpler: <HR size = "100" width = "1"> 78. What do I need to exchange connections with other sites? Of course, you must first have a personal website and then prepare two website logos. Generally, the logo 400x40 and 88x31 are required. You can also prepare a 100x31 logo for others. The X40 logo is used for AD exchange sites like wangmeng, and 88x31 and 100x31 are used for the exchange between personal sites. 79. How can I open a new window through the link in the drop-down menu? Set the drop-down menu first, for example: <Form method = "Post"> Change <select name = "d1" size = "1"> <Select onchange = "javascript: window. Open (this. Options [This. selectedindex]. Value)">. 80. How to align the text correctly? Sometimes, we need to specify the left and right margins (the distance between the text and the browser) of a piece of text to align the text correctly. CSS (stacked style sheet) provides the following features: Add in <Style> . Tt is the class name, so that you should have it in HTML tags. In {}, the property and the distance between the margin are left, right, top, and bottom. When their margins are equal, for example, they are all 60px, which can be abbreviated as:. tt {margin: 60px }. When the CSS is referenced in the text, you will find that the text is very neat. 81. How can I use the image format correctly? Currently, the standard format of images on the network is jpg and GIF. When there are many colors in an image, select JPG, which has a high compression ratio, while GIF is suitable for images with a few colors. 82. How to display visitor system information on the webpage? Add the following code to <body> </body>: 83. How to correctly place JavaScript? Javascript is an implementation tool for dynamic home pages. Generally, JavaScript is placed between 84. What interaction functions does a personal website need? Interaction is the charm of the network. As a personal site, these interactive tools are also required to communicate with visitors at any time. The following are the necessary interaction tools for personal websites: Message Board-ask visitors to give comments to your site; Chat room-a place for instant conversations, especially a network discussion for a specific topic; Search engine-when there are too many sites, the search engine allows visitors to quickly find the desired content; 85. How can I click a link to change in both frames at the same time? For a page composed of topframe, leftframe, and mainframe, if you want to click a link in the leftframe and change it in the other two frames, the Code is as follows: 86. print button 87. View Source code button <Input type = button name = "View" value = "view source code" onclick = ''window. location = "view-source:" + window. location. href ''style = "font-size: 9pt"> 88. How do I remove the page scroll bar? Add style table control to the body. The Code is as follows: 89. How to insert spaces in Dreamweaver? In FrontPage, you only need to press the keyboard Space key before inserting spaces in the selected text, but not in Dreamweaver. You can enable the HTML source window to add tags directly, or press Ctrl + Shift + space before the specified text. 90. How to set the background transparency of Flash Animation in DW? On the Properties Panel of the SWF file, click parameters to add the wmode parameter. Select transparent as the value; 91. How to correctly use the separation line? Here, let me assume that you need to separate the Left and Right Parts of the page. First, use the table tool to drag out three horizontal tables and place the content in the left and right two units, set the unit width to one pixels (pixel) and fill in the required color. You also need to set the size and unit of all tables and units to pixels. 92. How can I make the browser correctly display the Word file format? To correctly process word and other formats, you need to set the file type in the HTML file, for example: Application/MSWord Microsoft Word Document 93. How do I implement two color link changes for a page? Set different class classes in CSS, as shown in the following example: 94. How can I accurately locate a layer in DW? For the moment, there is no good way to precisely locate the layer so that its position remains unchanged during editing and browsing. Even with the help of the "ruler" and "Grid", there will still be differences, in addition, the positions of the layers displayed in IE and NC are deviated, which is about 3 pixels away. The best way is to adjust the layer position against the Browser display. 95. How to save the background music on others' webpages? A: After browsing the webpage, you can find the cached file of the background music in your windows/Temporary Internet Files folder and copy it to use it. If you still cannot find the file, you can open the source file of the webpage, find the URL path of the music file, and download it using FTP software such as "ant. 96. Do you want someone to access the website directly from the frame of your home page, instead of from index.htm? A: Add the following script code between <Script language = "JavaScript"> 97. Some shortcut keys for ie5.0: A: Turn on the search function: Ctrl + F 98. How can I enable full-screen web pages with different resolutions? Use a table (do not use a layer), set the content of the outermost table to 100% in width, and adjust it as appropriate. 99. How to regularly close webpages? Add in Head Area <Script language = "JavaScript"> SetTimeout ('window. Close (); ', 2000 ); The window is automatically closed two seconds later. 100. How to close the window without prompting? (1) Close directly without any prompt: Add the following code in <body> </body>: <Object ID = closes type = "application/X-oleobject" Run the following code to display the "Close Window" text, image, or button: <A href = "#" onclick = "closes. click (); "> </> <A href = "#" onclick = "closes. Click ();"> close the window </a> Close Window <Input name = "button" type = button id = "BTN" Onclick = "closes. Click ();" value = "Close Window">
(2) If a prompt box is displayed, whether to close it: <A href = "javascript: window. Opener = NULL; window. Close ();"> content </a> Close Window <A href = "javascript: window. Close ();"> close the window </a> Close Window Or close the button: <Input name = "button" type = button id = "BTN" Onclick = "javascript: Self. Close ();" value = "Close Window">
|
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
