Html, html tutorial
Today, I made my personal profile for the first web page. Although there is still some problem, it is not very strong, but I am still very happy. It is mainly for the application of tables, and I do not know if it is used correctly. I borrowed a textbook from the library. After reading the textbook, I thought a little about it. I also talked about it by the teacher and implemented it. Although a little ugly, it is very happy to look at this page and feel like it is your own baby. It seems that I have a long way to go, but the time is not long enough, so I have to hurry up. I just wrote this first note to record my first HTML because I was a little excited. This is a simple form of self-introduction, mainly to apply some elements and attributes of the table, and then to try css, use a css, it is mainly used to design the font. It is also good to use others, because there are not many local applications, just to try css.
The source code is as follows:
<Html>
<Head>
<Meta http-equiv = "content-type" content = "text/html; charset = UTF-8">
<Title> Personal Profile </title>
<Link href = "example.css" rel = stylesheet type = "text/css">
</Head>
<Body>
<Table border = "1" align = "center" cellpadding = "0" width = "50%" rules = "all">
<Tr>
<Td align = "center" width = "100%" colspan = "5" bgcolor = "# A4D3EE">
<H3> Personal Profile </Td>
</Tr> <br>
<Tr> <td width = "20%" align = "center" rowspan = "5"> photos </td> </tr> <br>
<Tr align = "center">
<Td width = "15%"> last name: </td>
<Td width = "25%"> cabbage </td>
<Td width = "15%"> Gender: </td>
<Td width = "25%"> guess </td>
</Tr>
<Tr align = "center">
<Td width = "15%"> place of residence: </td>
<Td width = "25%"> beautiful places </td>
<Td width = "15%"> Major: </td>
<Td width = "25%"> sleeping </td>
</Tr>
<Tr align = "center">
<Td width = "15%"> calendar: </td>
<Td width = "25%"> Student </td>
<Td width = "15%"> Graduate School: </td>
<Td width = "25%"> school </td>
</Tr>
<Tr align = "center">
<Td width = "15%"> mobile phone: </td>
& Lt; td width = "25%" & gt; 778899651 & lt;/td & gt;
<Td width = "15%"> Email: </td>
<Td width = "25%"> 1652703491@qq.com </td>
</Tr>
</Table>
<Table border = "1" align = "center" cellpadding = "0" width = "50%" rules = "all">
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [intention to apply for a job] </B> </td>
</Tr>
<Tr align = "left">
<Td width = "17%"> working nature </td>
<Td width = "28%"> & nbsp intern </td>
<Td width = "22%"> Target Position </td>
<Td width = "25%"> Java engineer </td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [educational background] </B> </td>
</Tr>
<Tr align = "left">
<Td width = "17%"> 2014/9-2018/6 </td>
<Td width = "28%"> school </td>
<Td width = "22%"> undergraduate </td>
<Td width = "25%"> electric </td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [language capabilities] </B> </td>
</Tr>
<Tr align = "left">
<Td width = "17%"> English level </td>
<Td width = "28%"> CET-4 </td>
<Td width = "22%"> proficiency </td>
<Td width = "25%"> good listening, good reading and writing </td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [interests] </B> </td>
</Tr>
<Tr>
& Lt; td width = "100%" colspan = "4" & gt;
<P align = "left"> 1. Sports: running, badminton, walking, etc.
<P align = "left"> 2. I like cartoons, novels, and variety shows.
<P align = "left"> 3. When you are in your leisure time, you love and enjoy traveling.
</Td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [self-evaluation] </B> </td>
</Tr>
<Tr>
& Lt; td width = "100%" colspan = "4" & gt;
<P align = "left"> 1. Have strong independent capabilities. In the face of problems, calmly think about where the problem is, and find a solution step by step.
<P align = "left"> 2. Unite your companions and get along with each other.
<P align = "left"> 2. Cheerful, optimistic, and lively.
</Td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [self-evaluation] </B> </td>
</Tr>
<Tr>
& Lt; td width = "100%" colspan = "4" & gt;
<P align = "left"> 1. Have strong independent capabilities. In the face of problems, calmly think about where the problem is, and find a solution step by step.
<P align = "left"> 2. Unite your companions and get along with each other.
<P align = "left"> 2. Cheerful, optimistic, and lively.
</Td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [project experience] </B> </td>
</Tr>
<Tr>
& Lt; td width = "100%" colspan = "4" & gt;
<P align = "left"> accumulating ......
</Td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4" bgcolor = "# A4D3EE">
<P align = "left"> <B> [other capabilities] </B> </td>
</Tr>
<Tr>
<Td width = "100%" colspan = "4"> training ......
<P align = "left">
</Td>
</Tr>
</Table>
</Body>
</Html>
Example.css:
H1 {
Font-family:;
Font-weight: bold;
Font-size: 48
}
H2 {
Font-family:;
Font-weight: italic;
Font-size: 8
}
H3 {
Font-family:;
Font-weight: italic;
Font-size: 36
}
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
