Preview of the page effect
This page contains images, links, font settings, tables, etc.
Beginners are better off coding by hand to familiarize themselves with elements and structures faster.
The full code is at the end
I: How the code becomes a web page
Previously we installed xampp and started apache and sql in xampp.
Find the htdocs directory under xampp
Just create a new folder and rename it with a .php suffix
Open the new file in Notepad
Entering the correct code in there turns it into a web page
II: HTML page structure
<!DOCTYPE html>Defining Document Types<html>Open html tags, a pair of tags is equivalent to a container into which the content is placed<head>Title of the page<title>page title</title></head><body>
Web page display body</body></html>Close html tag
III: Block Elements
Paragraphs, headings and tables are typical block elements, placed inside the body tag
web effect
coding
IV: In-line elements and lists
Image Links Emphasis (italicized, bolded) is a typical in-line element
Lists are block elements
web effect
coding
web effect
coding
V: Other elements
effect
coding
Full Code
Click to view code
<!DOCTYPE html>
<html>
<head>
<title> Simple Web Page Creation</title>
/head> </head>.
<body>
<table border="1" width="100%"> <body>
<tr> <td colspan=3>
<p align="center">
<img border="0 "src="/th/id/R-C.1de2f7063f77061f9832323c4ff5d232?rik=lfu8z3NoJEFkvg&riu=http%3a%2f%2fvpic_cover% 2fa0753aojymh%2fa0753aojymh_hz.jpg%2f1280&ehk=j36kR%2bc2gbTMqK4Gb4v%2fPVwgS0PvcJzH6JVRmS5ByDs%3d&risl=&pid=ImgRaw& r=0" width="100%"></td></tr>
<tr>.
<td width=20%>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>.
</td> <p> Things that favor neuron generation</p>
<ol>.
<li> <em> Adequate sleep </em> </li>.
<li><strong>Relax</strong></li>
<li> Study</li>
<li>Exercise</li>.
</li> Sex</li>.
</ol>.
</td> -
<tr>.
</table> - <tr> - <tr>
</td> - <tr> </table>
<td width=25%>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"> <h2 align="center"> Famous Sentence Appreciation</h4> </td>
</tr>
</tr> </tr> </tr>
<td> <img border="0" src="/images/photoblog/1/0/9/5/10958882/20104/2/1270210147590_mthumb.jpg "width="220"> </td>
<td>
<pre> <font size="6">
The plan of the day
lies in the morning.
</font> </pre> </td>.
/translate> </tr>
</table>.
</td> </tr> </table>
<td width=55%>; </table> </td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>.
<p align="center"> <h3 align="center"> Persuasive Poetry Appreciation</h3> <hr/> </td>
</tr>.
<tr>
<td> <h6 align="center">Sending Dongyang Ma Sheng Preface
<p> Yu young that is addicted to learning. The family is poor, no book to see, each false borrowing in the book collection home, handwritten records, counting the days to return. Day cold, ink stone hard, fingers can not flexion and stretching, F's idle. Recorded, walk to send, do not dare to exceed the appointment. In order to be more people to book leave Yu, Yu because of all the books. Both the crown, more adore the way of the sages. And suffering from no masters and celebrities and tour, I tend to 100 miles away, from the township of the first up to the Scriptures to ask questions. The first da is a great honor, the disciples fill his room, not a little lowering of the rhetoric. Yu stood and served around, aid doubts and questions, leaning over and tilting his ears to please; or meet its scolding, color more respectful, more to the courtesy, do not dare to say a word to reply; once it is pleased, then again please. Therefore, although I was stupid, I was heard. The first time I saw this, I had to go back to the office.
<p> When I was a teacher, I was traveling through the mountains and valleys. Poor winter wind, snow depth of several feet, feet and skin cracked and do not know. To the house, four stiff can not move, concubine holding soup Wo irrigation, to coverlet cover, long and was and. Abode travelers, the master of the day again food, no enjoyment of fresh and fat taste. The students in the same house were all embroidered, wearing tasseled hats, waist ring of white jade, left to wear a knife, right to prepare for the smell, as if the gods; Yu is orange robe and ragged clothes in the middle of it, a little bit no Muxian Yi, in order to have a sufficiently happy, do not know the mouth and body of the service is not as good as the people also. I don't know if the service of the mouth and body is not as good as that of the people. Although this old age, not a success, but fortunate to be in the ranks of the gentleman, and the light of the favor of the son of God, after the Secretary of State, the day after the service to sit for the adviser, the four seas are also wrong to call its name, not to mention the talent of the over Yu Yu right?
<p> Today's students learn in the Imperial College, the county officials have a little bit of provision of government grants, parents years of Jiu Ge's legacy, not the freezing and discouragement of the disease is carried forward; sitting under the building and reciting poetry and books, no running away from the work is carried forward; there are the Secretary of the industry, Dr. teacher, there is no question and not tell, ask and can not be; all the books that are appropriate to have, are set here, do not have to be as Yu's hand record, false and then see also. Its industry is not fine, Germany has not been, not the inferiority of the quality of the sky, the heart is not as Yu's special ear, not the fault of others! The first thing I want to do is to make sure that I have a good understanding of what I am doing and how I am doing it.
<p> Dongyang Ma Sheng Jun then, in the Imperial College has been two years, the streams are very much known as its virtuous. Yu dynasty Beijing division, the son of the countryside to visit the Yu, writing a long book as a gift, the rhetoric is very fluent. With the discourse, words and color razor. Since I said that when I was young and dedicated to learning very hard, it can be said that good scholars carry on. It will return to see their relatives, the Yu Road for the difficult to learn to tell. It is said that Yu reluctant villagers to scholars, Yu's will; denigrate me to boast of the prosperity of the encounter and pride villagers, do not know that the I am </p>.
/p> </tr>.
/table> </tc> </tc> /tc>
</td>.
</tr>.
</tr> </table> </td> </tr>
<td>.
<table border="1" width="100%"> <tr> <tr> </tr>
<tr> <td>
<td> <p> Foods that favor neuron production</p>
<ul>.
<li>.
<a href="/newsDetail_forward_14237591"> flavonoids</a> </li>
<li>
<a href="/newsDetail_forward_20195364?commTag=true">Omega-3</a></li>
<li>
<a href="/academic-journal-cn_medical-journal-chinese-people-armed-police-force_thesis/">Resveratrol</a></li>
<li>
<a href="/bh/m/detail/ar_9349799173905586239">intermittent fasting</a></li>
</td>
</tr>.
</table> </td> </tr>
</td>.
<td> </tr> </table> </td>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>.
<p align="center"> Pure Music Appreciation</td>
</tr>
<tr>
<td> <audio src="1.mp3" controls="controls"> Your browser does not support the audio tag</audio> </td>
</tr>.
</table>
</td> </tr> </table>
</td> </tr> </table> </td>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>.
<p align="center"> Video Appreciation</td>
</tr>
<tr>
<td> <video scr=""width="320" height="240" controls="controls" poster="">Your browser does not support the video tag</video> </td>
</tr>.
</table>.
</td> </tr> </table>
/td> </tr> </table> </td>
</table> </td> </tr>.
</body>.
/html> </html>.