Basic HTML Tag instance

Document directory

• Form instance

 

A simple HTML file This example is a simple HTML file with as few HTML tags as possible. It shows you how the content in the body element is displayed by the browser. Simple paragraph This example shows how the text in a paragraph element is displayed in the browser. More paragraphs This example shows some default behaviors of section elements. "Poetry" This example demonstrates some HTML formatting problems. Line breaks This example shows how to fold rows in the HTML document. Title This example shows how to display the title label in the HTML document. Centered title This example shows a center-arranged title. Horizontal line This example shows how to insert a horizontal line. Hidden comments This example shows how to insert hidden comments in HTML source code. Background Color This example shows how to add a background color for an HTML page. Example HTML text formatting example Text Formatting This example shows how to format text in an HTML file. Pre-formatted text This example shows how to use the pre label to control empty rows and spaces. "Computer output" label This example shows the display effects of different "computer output" labels. Address This example shows how to write an address in an HTML file. Abbreviations and acronyms This example shows how to implement the abbreviation or initials. Text direction This example shows how to change the direction of the text. Block reference This example shows how to implement quote with different lengths. Delete word effects and insert word effects This example shows how to mark delete text and insert text. Example HTML link instance Create hyperlink This example shows how to create a link in the HTML document. Use images as links This example shows how to use images as links. Open the link in the new browser window This example shows how to open a page in a new window, so that visitors do not need to leave your site. Link to different locations on the same page This example shows how to use the link to jump to another part of the document. Jump out of Framework This example shows how to jump out of the framework, if your page is fixed within the framework. Create email link This example shows how to link to an email. (This example can only work after installing the mail client program .) Create email link 2 This example shows more complex email links. Example HTML framework instance Vertical Frame This example shows how to create a vertical frame using three different documents. Horizontal framework This example shows how to use three different documents to create a horizontal framework. How to Use the <noframes> label This example shows how to use the <noframes> label. Hybrid Framework Structure This example shows how to create a framework structure containing three documents and place them in rows and columns. Framework Structure with the noresize = "noresize" attribute This example demonstrates the noresize attribute. In this example, the frame size cannot be adjusted. Drag the mouse over the border between frames and you will find that the border cannot be moved. Navigation framework This example shows how to create a navigation framework. The navigation frame contains a list of links that use the second frame as the target. The file named "contents.htm" contains three links. Inline framework This example shows how to create an inline framework (Framework on an HTML page ). Jump to a specified section in the framework This example demonstrates two frameworks. One framework sets the link to the specified section in another file. The specified section in the "link.htm" file is identified by <a name = "C10">. Use the framework navigation to jump to the specified section This example demonstrates two frameworks. The left-side navigation frame contains a list of links that use the second frame as the target. The second frame shows the linked document. The link in the navigation framework points to the specified section in the target file. Example HTML table instance Table This example shows how to create a table in the HTML document. Table border This example shows the border of various types of tables. Table Without Borders This example shows a table without borders. Heading) This example shows how to display the table header. Empty cell This example shows how to use "& nbsp;" to process cells with no content. Table with titles This example shows a table with a title. Table cells that span rows or columns This example shows how to define table cells that span rows or columns. Tags in the table This example shows how to display elements in different elements. Cell padding) This example shows how to use Cell padding to create a blank space between the Cell content and its border. Cell spacing) This example shows how to use Cell spacing to increase the distance between cells. Add background color or background image to the table This example shows how to add a background to a table. Add background color or background image to table Unit This example shows how to add a background to one or more table cells. Arrange content in table cells This example shows how to use the "align" attribute to arrange cell content to create a beautiful table. Frame attributes This example shows how to use the "frame" attribute to control the border around the table. Example HTML list instance Unordered list This example shows the unordered list. Ordered list This example shows the ordered list. Different types of unordered lists This example shows an unordered list. Ordered lists of Different Types This example shows different types of ordered lists. Nested list This example shows how to nest a list. Nested list 2 This example shows a more complex nested list. Definition list This example shows a definition list. Example HTML forms and input instances Text Field) This example shows how to create a text field on an HTML page. You can write text in a text field. Password domain This example shows how to create an HTML password field. Check box This example shows how to create a check box in the HTML page. You can select or deselect the check box. Radio button This example shows how to create a radio button in HTML. Simple drop-down list This example shows how to create a simple drop-down list box on the HTML page. The drop-down list is an optional list. Another drop-down list This example shows how to create a simple drop-down list with pre-selected values. (Note: The pre-selection value refers to the pre-specified preference .) Textarea) This example shows how to create a text field (multi-line text input control ). You can write text in a text field. In the text field, the number of characters that can be written is unlimited. Create button This example shows how to create a button. You can customize the text on the button. Fieldset around data This example shows how to draw a title box around the data. Form instance Form with input box and confirmation button This example shows how to add a form to a page. This form contains two input boxes and a confirmation button. Form with check boxes This form contains two check boxes and a confirmation button. Form with single-choice button This form contains two single quotes and a confirmation button. Send email from Form This example shows how to send an email from a form. Example HTML image example Insert Image This example shows how to display images on a webpage. Insert images from different locations This example shows how to display images from other folders or servers to webpages. Background Image This example shows how to add a background image to an HTML page. Arrange Images This example shows how to arrange images in text. Floating Image This example shows how to move an image to the left or right of a paragraph. Adjust image size This example shows how to adjust an image to a different size. Replace text for Image Display This example shows how to replace text with image display. When the browser cannot load images, replacing text attributes tells readers of lost information. It is a good habit to replace text attributes with images on the page. Create Image links This example shows how to use an image as a link. Create Image ing This example shows how to create an image map with an available area. Each region is a hyperlink. Convert image to image ing This example shows how to set a common image as an image ing. Example HTML background instance Good combination of background and color An example of a good combination of background color and text color makes the text on the page easy to read. Poorly matched backgrounds and colors An example of poor combination of background color and text color makes the text on the page difficult to read. Highly available background images Examples of background image and text color making page text easy to read. High Availability background image 2 Another example of background image and text color making page text easy to read. Background images with poor availability Examples of background images and text colors that make page text hard to read. Example HTML style instance Style in HTML This example shows how to format HTML with the style information added to the Link without underline This example shows how to use style attributes to create a link without underscores. Link to an external style sheet This example shows how to link a <link> label to an external style sheet. Example HTML header (head) instance Document title The title information inside the Header element is not displayed in the browser window. One target, all links This example shows how to use the base tag to open all the labels on the page in a new window. Example HTML meta instance Description Information in the Meta element can be used to describe HTML documents. Document keywords The information in the Meta element can describe the keywords of the document. Redirection This example shows how to redirect a user to another address when the URL has been changed. Example HTML Script instance Insert a script This example shows how to insert a script into an HTML document. Run in a browser that does not support scripts This example shows how to deal with browsers that do not support scripts. Example