The essence of HTML and CSS
Today is Monday again. We have started learning for another week. Think about it. I have been studying for a month. I don't know when I will get used to this kind of life, I should be a person who is difficult to adapt to the environment, but now I feel it is okay. Maybe I have my own goals here, so my bad habits are not exposed. This is quite good. I just want to do what I want through my own efforts. Maybe many people cannot understand my current choice, maybe today I should stay at home, maybe today I should choose a stable job, but I don't have it, I don't want it, I don't want it at all, I don't know how far it will take to choose this. Maybe I have learned this but I have not chosen this direction for my future work. But now I am willing to learn it. My interest tells me, at this moment, no matter what I am dealing with, I have to work hard to learn. · the next three months should always be consistent. Well, let's summarize what we learned today. An example of a Form element in A. html is an element of a Form. The user name is generally a text box, so set type to text. If type is password, set it to "ciphertext text box "; gender is generally a single-choice button and type is radio. However, it is important to note that the values of the two single-choice buttons must be set to the same time before the two buttons can be selected; my hobbies are generally multi-selection boxes. Therefore, if the checkbox is used here, the output is the style of the Multi-selection box. If there is a selection of nationality below, select the drop-down list, type is select; when type is file time, it is the upload and download format of the file we normally see. Here, textarea sets the rows and columns of the text box for uploading files. Next, it is the button, when type is set to reset time, the type is generally set to reset. When the registration time is set to submit, the logon time is set to button. Although it is not an element in Form, it can be displayed, the set value is the font displayed on the button. Button, set tyre to inage, property src to the image path, and then the width and height of the image. As shown in the following code and the format displayed in the browser: copy the Code <body> <form action =" http://www.baidu.com "Method =" post "> <label> User Name: </label> <input type = "text" name = "txtUserName" maxlength = "4" value = "Andy Lau" size = "100"/> <br/> <label> password: </label> <input type = "password" name = "txtUserPwd" maxlength = "6" value = "123456" size = "100"/> <br/> <label> sex: </label> <label> male </label> <input type = "radio" name = "txtGender"/> <label> female </label> <input type = "radio "name =" txtGender "/> <br/> <label> personal interests: </label> <input type = "che Ckbox "name =" txtMusic "checked/> <label> music </label> & nbsp; <input type = "checkbox" name = "txtsport"/> <label> sports </label> <input type = "checkbox" name = "txtmovie" value = ""/> <label> movie </label> <br/> <label> select your nationality </label> & nbsp; <select name = "select" multiple> <option value = "china"> china </option> <option value = "koren"> South Korea </option> <option value =" japan </option> </select> <br/> <input type = "file" name = "upload" Value = "uploadimage"/> <br/> <textarea rows = "20" cols = "20"> </textarea> <br/> <input type = "submit" name = "name" value = "register"/> & nbsp; <input type = "button" name = "name" value = "Logon"/> & nbsp; <button> logon </button> & nbsp; <input type = "reset" name = "reset" value = "reset"/> & nbsp; <input type = "image" src = "7.jpg" size =" 100 "height =" 20 "width =" 20 "/> </form> </body> some settings, the following code and image show the functions of the Code. Copy the Code <body> <center> <form action = "/" method = "post"> <table> <tr> <td> Number: </td> <input type = "number" name = "txtNumber" value = "" step = "2"/> </td> </tr> <tr> <td> color input box: </td> <input type = "color" name = "txtColor" value = ""/> </td> </tr> <td> email address: </td> <input type = "email" name = "txtEmail" value = ""/> </td> </tr> <td> phone number number: </td> <input type = "tel" name = "txttel" value = ""/> </td> </tr> <Tr> <td> range: </td> <input type = "range" name = "txtrange"/> </td> </tr> <td> date: </td> <input type = "date" name = "txtdate" value = ""/> </td> </tr> <td> date time: </td> <input type = "datetime" name = "txtdate" value = ""/> </td> </tr> <td> month: </td> <input type = "month" name = "txtMonth" value = ""/> </td> </tr> <td> week: </td> <input type = "week" name = "txtWeek" value = ""/> </td> </tr> <Tr> <td> time: </td> <input type = "time" name = "txttimer" value = ""/> </td> </tr> <td> Url: </td> <input type = "url" name = "txtUrl" value = ""/> </td> </tr> <td> hide: </td> <input type = "hidden" name = "txtHidden" value = ""/> </td> </tr> <td> search box: </td> <input type = "search" name = "txtSearch" value = ""/> </td> </tr> <td colspan = "2"> <input type = "submit" name = "name" value = "submit "/> </Td> </tr> </table> </form> </center> </body> copy the settings above the code. I want to see the settings through the Label display. set the format, therefore, these are the From forms in html. Here, the 2.html framework creates an Html static page, deletes the <body> </body> tag, and adds the <frameset> </frameset> tag. The format is as follows, the following code shows that there is a rows attribute in the tag <frameset> </frameset>, whose values are 25% and *. Here, 25% indicates that the Sohu web page accounts for 25%, the following website occupies the remaining part. Here is just an example. The distribution of the framework and various types of display are roughly divided into three parts, as shown in: 3. CSS stacked style sheet 1. the following is an example of the advantages of css. Why should we use css styles? Copy the Code <! DOCTYPE html>
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
