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

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

WBOY

Release： 2016-06-24 12:05:56

Original

870 people have browsed it

                                                        用户信息































帐      号：















姓      名：




















性      别：


                            男
                            女














出生年月：
















所属单位：

回复讨论(解决方案)

你这是要做简历么？
你的表格嵌套的有点多了，也很乱
看看这是不是你想要的：

<!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>

Copy after login

不是弄简历你能粘到你的编辑器帮我看看么

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>

Copy after login

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>

Copy after login

Is it a nested comparison? How easy is it to go wrong?

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

Now each row has a

Is there any way to merge across tables?

Related labels：

image newbie

source：php.cn

Previous article：Learn the basic grammar rules of Sass [Sass and compass study notes]_html/css_WEB-ITnose Next article：html 　CSS_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn