------Fourth Week-------Summary diary

Today I learned HTML5 how to make vivid lists and hyperlinks, I understand the production table can use JavaScript can be used without a little bit of the production of tables, the use of loops to save a lot of repetitive steps, as well as hyperlinks using the label <a href= "..." ></ A> can be linked to the Web page and local pictures, suddenly feel that we are accustomed to the original Web page has so advanced, the program ape Good hard qaq.

But what I find interesting is that there are different changes to different data, which is fun (>ω<*?).

Li {    float: left;    width:55px;    padding:0; text-align:center background:url (file://j|/c language/html/on/3 month/Integrated instance/images/ Line1.gif) No-repeat left center;}      

Just like I'm going to padding:0 0 4px 0; Change to padding:0 0 25px 0; I can see that the spacing between the two lines is getting bigger. Practice has given me a very intuitive effect, I think the teacher has been stressing me, more can let me remember.

Here I think of a few days ago Xin Zou Teacher wrote an article on the study of the software engineering: "I think to give students specific, can practice, can immediately see the causal relationship of the teaching materials and exercises, is to stimulate the interest of students, curiosity, a good way of curiosity." "Contact me, I think this sentence is right, whenever their own hard to knock out the code and modify the success of the run, the heart has a feeling of joy bursting." That's great! I must try to tap the code to make a personal web page of my own. hahaha.

Then summed up the last semester, feel that they did not encounter problems to ask the teacher, vague swallow do not know things, really bad. I hope I can study hard in the new semester, and of course I have to knock the code. Do not genius, at least can not be improper learning slag. ^ (*￣ (oo) ￣) ^

The code is as follows: <style type="Text/css">H1 {font-size:16px; }/*Import a background map*/#menu {width:965px;height:126px;background:url (file:///J|/C language/html//3 months/Integrated instance/images/bg6.jpg) No-repeat right bottom;}ul, Li {padding:0; margin:0; list-Style:none;} UL {Float: right;margin-right:2px;margin-top:55px;width:790px;font-size:12px;}/*Floating Display list items, this method is more flexible, but also prone to dislocation and irregular arrangement problems. The workaround is to fix the width of the frame and the item*/Li {Float: left;width:55px;padding:00 25px0; text-Align:center;background:url (file:///J|/C language/html//3 months/Integrated instance/images/line1.gif) No-repeat left center;}li:nth-child (2n-1) {/*Match 1, 3, 5, 7, 11 ... item list items*/font-Weight:bold;background:none;/*Clears the background of a bold list item*/}li:nth-child () {font-size:11px;}/*Define a style for a specific location list item Zoom out display*/Li:nth-child (22n+1) {margin-left:-1px;}/*Fine-tune the first list item per line to align*/Li:nth-child ({color:red;}/*Define style highlighting for list items in a specific location*/</style><script language="Javascript"><!--var now=New Date ();//Defining variables to get the current timevar hour=now.gethours ();//Defines the variable to get the current time of the smallif ((hour>5) && (hour<=7) Alert ("Good morning! OvO");//If the current time is between 5~7, then output "Good morning!" ”Elseif ((hour>7) && (hour<=11) Alert ("Good morning! Wish you good Mood");//If the time is between 7~11, then output "Good morning!" Good Mood "Elseif ((hour>) && (hour<=13) Alert ("Good afternoon!");//If the time is between 11~13, then output "Good noon!" ”Elseif ((hour>&& (hour<=17) Alert ("Good afternoon!");//If the time is between 13~17, then output "Good afternoon!" ”Elseif ((hour>&& (hour<=21st) Alert ("Good evening! =-=");//If the time is between 17~21, then output "Good evening!" ”Elseif ((hour>) && (hour<=23) Alert ("Late at night, pay attention to the body OH");//If the time is between 21~23, then output "late at night, pay attention to the body Oh"Else Alert ("It's early morning! It's time to rest!");//If the time does not meet the above conditions, then output "Early morning!" It's time to rest! "--></script>"Menu"><ul><li><a href="Http://www.baidu.com"Target="_blank"> Baidu </a></li><li> <a href="FILE:///J|/C language/html//3 months/Integrated instance/table.html"> Form </a></li><li><a href= "tablejs.html" > Dynamic table </a></li><li> Finance </li><li> Equities </li><li> funds </li><li> technology </li><li> Mobile </li>< li> Digital </li><li> Sports </li><li> Super </li><li> NBA </li><li> Entertainment </li ><li> stars </li><li> <a href= "https://www.so.com/s?ie= Utf-8&src=se7_toolbar&q=%e7%99%be%e5%ba%a6%e9%9f%b3%e4%b9%90%e7%9b%92 "> Music </a >> </li><li> Weibo </li><li> videos </li><li> podcasts </li><li> blockbuster </li ><li> Real Estate </li><li> home </li><li> reading </li><li> women </li><li> Pets & lt;/li><li> Space </li><li> Email </li><li> go Abroad </li><li> forum </li></ul ></div></body>     

 

------Fourth Week-------Summary diary