Initial knowledge of HTML

Source: Internet
Author: User

what is HTML?

HTML is a description of the language of the Web page, the full name Hypertext Marked Language, translated as "Hypertext Markup Language." She has her own set of tag tags, using tag tags to describe the page. Its labels are surrounded by angle brackets, which are usually paired up. The suffix name of an HTML file is. html or. htm. Current HTML tags are not case-sensitive. HTML elements can have attributes, and properties can extend the ability of HTML elements. Properties are usually paired with property names and values, for example: Name= "value". Property values are generally marked in double quotation marks. Properties are usually appended to the start tag.

Architecture

 Brief Introduction: 

<title>: This is the title of the HTML file, a file will definitely have a title, representing its content or role, and the title is written in this tab, it is a paired appearance <title></title>
<body>: Here is what you want to display on the page, such as a paragraph, a picture or a video, etc., but also can be written in the JS script (usually we are written in the

Example Summary HTML

<form> <!--This is an example of an interactive form--><table align= "center" width= "All" cellpadding= "5" > <!--a table is referenced here--&G T;&LT;TR&GT;&LT;TD colspan= "2" bgcolor= "#FFFFFF" align= "center" ><font size= "+2" color= "#FF0000" > Welcome to Guestbook Oh < /font></td></tr> <td> <!--represents the column of a table, and colspan is also the meaning of merging two columns--&GT;&LT;TR&GT;&LT;TD width= "150"      > My name </td><td width= "><span id=" Sprytextfield1 "> <label for=" Text1 "></label> <input type= "text" name= "Text1" id= "Text1"/> <!--show text box here-please fill in the name <span class= "Textfieldrequir Edmsg ">. </span></span></td></tr> <tr><td width= "> My email</td><td width=" "><span id=" Sprytextfield2 "> <label for=" text2 "></label> <input name=" Text2 "type=" text " Id= "Text2" value= "@qq. com"/> <span class= "textfieldrequiredmsg" > need to provide a value. </span><span class= "textfieldinvalidformatmsg" > Invalid format. </span></span></td></tr> <tr><td width= "&LT;/TD&GT;&LT;TD" > My career width= "" ">< Input type= "Radio" name= "Face"/><input type= "Radio" name= "Face"/><input type=" Radio "name=" Face "/><input type=" Radio "name=" Face "/></td></tr> <tr><td width= "$" > Expression </td><td width= "" ">< Input type= "checkbox"/> Sport <input type= "checkbox"/> Sport <input type= "checkbox" checked= "Checked"/> Sports <input type= "checkbox"/> Sports </br><input type= "checkbox" checked= "checked"/> Sports <input type= "checkbox" disabled= "Disabled"/> Sports </td></tr> <!--This shows a check box--&GT;&LT;TR&GT;&LT;TD width= "&LT;/TD&GT;&LT;TD" > Hobbies width= "1</option><option" ><select> <option> interest selected= "Selected" > Interest 2</option><option> interest 3&LT;/OPTION&GT;&LT;/TD&GT;</tr> <!--Here is a radio box--><tr><td width= "> My message </td><td width=" ">< TextArea cols= "rows=" ></textarea></td></tr> <tr><td width= "Max" > Add Attachment </ TD&GT;&LT;TD width= "><input type=" file "size="/></td></tr> <!--Here's a button to upload the file-- &LT;TR&GT;&LT;TD colspan= "2" align= "center" ><input type= "Submit" value= "commit"/><input type= "reset" </td     ></tr> <!--here is a reset and submit button---</form>
The effect is as follows:

Initial knowledge of HTML

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.