Home >Web Front-end >HTML Tutorial >I'm a newbie, please help me look at the second line and how to make the image span four lines, thank you! _html/css_WEB-ITnose
e08c70a22b2e29c9233b2c6833013170
a34de1251f0d9fe1e645927f19a896e8
266b11c8e75f98e0d9f209ed6c8c44a7b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
17dec5ee4c4131c501aa60d6c0eda35d
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
b233cec5fd8de49da30bed7c4f25184a
32940d68f8eabc31f62ab7fbea363e64b90dd5946f0946207856a8a37f441edf
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
d977fd92fc1bcf1e365414971e19c230
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
75bdbf67b694dbd832a81c365b6fd6cd
21296ce11a81ae463c84d9d11841395d
93bbbe6497de89eb4b305d8b328504f0
16b28748ea4df4d9c2150843fecfba68
b90dd5946f0946207856a8a37f441edf
ddcd56602d13dbd1d5fc190a61a3c5d5
081546deb1c3331790ab950efacfe2a4用户信息54bdf357c58b8a65c66d7c19c8e4d114
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
8371add73c4cba526ed0c87bb02ecb62
504ffbe1238bfef0c5a324f2e6b13848b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
27be2176220b161a1e858ebd2f002584b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
6e779335b691e37c29a4fd154c7a247cb90dd5946f0946207856a8a37f441edf
4c5addbc707eb960c3c219c3af482419帐 号:b90dd5946f0946207856a8a37f441edf
67c95ba23f88f5a1c76391482ec55e45
0668e517dc66e6a725263e7d78a8ce4bea24c5d4ae976f2f2c2f318934a7a898
b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
6e779335b691e37c29a4fd154c7a247cb90dd5946f0946207856a8a37f441edf
4c5addbc707eb960c3c219c3af482419姓 名:b90dd5946f0946207856a8a37f441edf
67c95ba23f88f5a1c76391482ec55e45
b2ab702217cce1090bdea572ae2ec964953c8138aff3d04a2d6e35e194bf80e4
b90dd5946f0946207856a8a37f441edf
4a721e3f08e43ab8a63aba1d5fc9bf27
4e58f1827d75c6b20de33c0d13adf5ac
64cbc803cc790ff58b4531a9465a07ad
b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
6e779335b691e37c29a4fd154c7a247cb90dd5946f0946207856a8a37f441edf
4c5addbc707eb960c3c219c3af482419性 别:b90dd5946f0946207856a8a37f441edf
b80905fe9b10cc3f953c86a08c4c8fcf
18b083e224b6155df222da62575edae3
f7164da72bcb9901e068f19201676846男be5825452c570b2562a8835ef844aadf
12a3cb2105b67c87ff57dcedbf9ce8d6女be5825452c570b2562a8835ef844aadf
02dde5b6eb1ef8eef21bea32598a3de1
b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
6e779335b691e37c29a4fd154c7a247cb90dd5946f0946207856a8a37f441edf
4c5addbc707eb960c3c219c3af482419出生年月:b90dd5946f0946207856a8a37f441edf
67c95ba23f88f5a1c76391482ec55e45
6965b0e8aa5675abc7dae987b6070039953c8138aff3d04a2d6e35e194bf80e4
b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
1cd86a0e344fff32ed5bfc6785422898 b90dd5946f0946207856a8a37f441edf
6e779335b691e37c29a4fd154c7a247cb90dd5946f0946207856a8a37f441edf
4c5addbc707eb960c3c219c3af482419所属单位:b90dd5946f0946207856a8a37f441edf
5864bbb5679eeb447d507d7e3c403ed9b90dd5946f0946207856a8a37f441edf
e3746d6825acc95facd7de533eb4b764
adab838b8b162f0597402916bd3c8c12953c8138aff3d04a2d6e35e194bf80e4
b90dd5946f0946207856a8a37f441edf
4b0f64e1e2d64783a77b5cdfeba87196 b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
c2a598e1d1cf52b32a9a26ca9b41da92
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
6cbe7e63235cbc79a83ac3819de63990
d9080236f0cab6cd0ec74dbec2b4f2cf
b90dd5946f0946207856a8a37f441edf
b6c5a531a458a2e790c1fd6421739d1c
3f47316e90bd2840036494225c877da6
a34de1251f0d9fe1e645927f19a896e8
96ede3b141adf90b9701201c75ad40a8b90dd5946f0946207856a8a37f441edf
b6c5a531a458a2e790c1fd6421739d1c
fd040ddfcacaf084d410ba2724f9fe74
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
8371add73c4cba526ed0c87bb02ecb62
e024e8436d9c86fa7c21ee89106ad9f4
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
你这是要做简历么?
你的表格嵌套的有点多了,也很乱
看看这是不是你想要的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg" alt="照片" title="照片" width="70px" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>
不是弄简历 你能粘到你的编辑器帮我看看么
Are you making a resume?
Your table is a bit too nested and messy
See if this is what you want:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg" alt="照片" title="照片" width="70px" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>
This is what you want Do you want to make a resume?
Your table is nested a bit too much and it’s very messy
Check to see if this is what you want:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg" alt="照片" title="照片" width="70px" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>
Is it easier to cause problems if there are too many nested ones?
------
No, you won’t know it if you are familiar with it
Table
table merge cells colspan (across columns) and rowspan (across rows) such as: rowspan=4 across 4 rows
table merge cells colspan (across columns) and rowspan (across rows) For example: rowspan=4 Across 4 rows