need help to identify this html code using tables - html

I need help at what codes they use on the image, thats all


Do you mean something like this?
May you have to add a border, but the skeletal structure ist given.
<table>
<tbody>
<tr>
<td>Purchased Equipments (June, 2006) </td>
</tr>
<tr>
<td rowspan="2">Item Num#</td>
<td rowspan="2">Item Pic</td>
<td>Item Description</td>
<td>Price</td>
</tr>
<tr>
<td>Shipping Handling, Installation, etc</td>
<td>Expense</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td rowspan="2">Img 1</td>
<td>IBM Clone Computer</td>
<td>$ 400</td>
</tr>
<tr>
<td>Shipping Handling, Installation, etc</td>
<td>$ 20</td>
</tr>
<tr>
<td rowspan="2">2</td>
<td rowspan="2">Img 2</td>
<td>1GB RAM Module for Computer</td>
<td>$ 50</td>
</tr>
<tr>
<td>Shipping Handling, Installation, etc</td>
<td>$ 14</td>
</tr>
<tr>
<td>Purchased Equipments (June, 2006) </td>
</tr>
</tbody>
</table>


To get the exact representation , consider some fine tuning #laura
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Table</title>
</head>
<body>
<table border="3" cellspacing="5" bordercolor="grey" cellpadding="3">
<tr>
<td colspan="4">
<center><b>Purchased Equipments (June, 2006)</b></center>
</td>
</tr>
<tr>
<td rowspan="2"><b>Item Num#</b></td>
<td rowspan="2"><b>Item Picture</b></td>
<td>
<center><b>Item Description</b></center>
</td>
<td>
<center><b>Price</b></center>
</td>
</tr>
<tr>
<td><b>Shipping Handling, Installation, etc</b></td>
<td><b>Expense</b></td>
</tr>
<tr>
<td rowspan="2">1.</td>
<td rowspan="2"><img height="80" width="100" src="lap.jpg"></img></td>
<td>IBM Clone Computer</td>
<td>$ 400.00</td>
</tr>
<tr>
<td>Shipping Handling, Installation, etc</td>
<td>$ 20.00</td>
</tr>
<tr>
<td rowspan="2">2.</td>
<td rowspan="2"><img height="80" width="100" src="board-chip.jpg"></img></td>
<td>1GB RAM Module for Computer</td>
<td>$ 50.00</td>
</tr>
<tr>
<td>Shipping Handling, Installation, etc</td>
<td>$ 20.00</td>
</tr>
<tr>
<td colspan="4">
<center><b>Purchased Equipments (June, 2006)</b></center>
</td>
</tr>
</table>
</body>
</html>

Related

Table Html 5 th td issues

I am trying to make a table like in the sample but i am having a hard time to make it look like in the sample.I can not place the "Introducing to XML","Validity:DTD and Relax NG" and the rest. i need help to place them on top of each other.
<body>
<div>
<table border="1px solid">
<thead>
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Shcedule</th>
<th rowspan="2">Topic</th>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
</tr>
</thead>
<tbody>
<tr>
<td>Monday</td>
<td>8:00 am</td>
<td>5:00 pm</td>
<td rowspan="2">Introduction to XML</td>
</tr>
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 am</td>
<td>11:00 am</td>
<tr>
<td>11:00 am</td>
<td>2:00 pm</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>5:00 pm</td>
<td>XSL Transformations</td>
</tr>
</tr>
</tbody>
<tfoot>
<tr>
<td>Wednesday</td>
<td>8:00 am</td>
<td>12:00 pm</td>
<td>XLS Formating Objects</td>
</tr>
</tfoot>
</table>
</div>
</body>

A few of your <tr>s were nested inside eachother, after correcting that (which I've done for you below), you can accomplish the half columns by multiplying every single cell by 2 and treating the other cells normally. Read this for more info on how to do that.
EDIT: I actually just ended up writing the whole thing to spite someone, here:
table{
border-collapse: collapse;
}
th, td{
border: 1px solid black;
padding: 4px;
}
<table>
<tr>
<th rowspan = "3">
Day
</th>
<th colspan = "3">
Seminar
</th>
</tr>
<tr>
<th colspan="2">
Schedule
</th>
<th colspan = "2" rowspan="2">
Topic
</th>
</tr>
<tr>
<th>
Begin
</th>
<th>
End
</th>
</tr>
<!-- table body code -->
<tr>
<td rowspan="2">
Monday
</td>
<td rowspan="2">
8:00 am
</td>
<td rowspan="2">
5:00 pm
</td>
<td>
Introduction to XML
</td>
</tr>
<tr>
<td>
Validity: DTD and Relax NG
</td>
</tr>
<tr>
<td rowspan="6">
Tuesday
</td>
<td rowspan = "2">
8:00 am
</td>
<td rowspan = "2">
11:00 am
</td>
<td rowspan = "3">
XPath
</td>
</tr>
<tr>
</tr>
<tr>
<td rowspan= "2">
11:00 am
</td>
<td rowspan= "2">
2:00 pm
</td>
</tr>
<tr>
<td rowspan= "3">
XSL Transformations
</td>
</tr>
<tr>
<td rowspan= "2">
2:00pm
</td>
<td rowspan= "2">
5:00pm
</td>
</tr>
<tr>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 am</td>
<td>12:00 pm</td>
<td>XSL Formatting Objects</td>
</tr>
</table>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Today Task</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Start Table Section -->
<div class="container">
<table>
<thead>
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2" class="yellow">8:00 a.m.</td>
<td rowspan="2" class="blue">5:00 p.m.</td>
<td>Introduction to XML</td>
</tr>
<tr>
<td>Validity: DTD and Relax NG</td>
</tr>
<tr>
<td rowspan="3">Tuesday</td>
<td class="yellow">8:00 a.m.</td>
<td class="yellow">11:00 a.m.</td>
<td rowspan="3">
<p>XPath
<hr>
XSL Transformations</p>
</td>
</tr>
<tr>
<td class="yellow">11:00 a.m.</td>
<td class="green">2:00 p.m.</td>
</tr>
<tr>
<td class="green">2:00 p.m.</td>
<td class="blue">5:00 p.m.</td>
<!-- <td rowspan="1">XSL Transformation</td> -->
</tr>
<tr>
<td>Wednesday</td>
<td class="yellow">8:00 a.m.</td>
<td class="green">12:00 p.m.</td>
<td>XSL Formation Objets</td>
</tr>
</tbody>
</table>
</div>
<!-- End Table Section -->
</body>
</html>

Here's what I could do:
<table border="1px solid">
<thead>
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Shcedule</th>
<th rowspan="2">Topic</th>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 am</td>
<td rowspan="2">5:00 pm</td>
<td>Introduction to XML</td>
</tr>
<tr>
<td>Validity:DTD and Relax NG</td>
</tr>
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 am</td>
<td>11:00 am</td>
<td>XPath</td>
<tr>
<td>11:00 am</td>
<td>2:00 pm</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>5:00 pm</td>
<td>XSL Transformations</td>
</tr>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 am</td>
<td>12:00 pm</td>
<td>XLS Formating Objects</td>
</tr>
</tbody>
</table>
Not sure if 1.5 cells are possible (probably want to fix those times anyway because it's vague now).

Merge Column in HTML

How do we merge column in HTML?
This is what I trying to achieve:
Here's my code:
<table style="width:100%" border="2px">
<tr>
<th>Daftar Lowongan Kerja</th>
<th>Daftar Pelamar Kerja</th>
</tr>
<tr>
<td>1. Junior Web Developer</td>
<td>Januar Fahlevi</td>
</tr>
<tr>
<td>2. Senior Web Developer</td>
</tr>
<tr>
<td>3. Junior Java Developer</td>
</tr>
</table>
I'm new in HTML and confused how to achieve this. I only can make 2 column, and stuck on how to create the |S1|20 Th|Fresh Graduate|Detail row.

You must use the colspanattribute
<!DOCTYPE html>
<html>
<body>
<table style="width:100%" border="2px">
<tr>
<th>Daftar Lowongan Kerja</th>
<th colspan="3">Daftar Pelamar Kerja</th>
</tr>
<tr>
<td>1. Junior Web Developer</td>
<td colspan="3">Januar Fahlevi</td>
</tr>
<tr>
<td>2. Senior Web Developer</td>
<td>Text Goes Here</td>
<td>Text Goes Here</td>
<td>Text Goes Here</td>
</tr>
<tr>
<td>3. Junior Java Developer</td>
<td colspan="2">Text Goes Here</td>
<td>Text Goes Here</td>
</tr>
</table>
</body>
</html>

Try with this one, as Bhargav said, you need to combine colspan and rowspan in order to achieve the desired table structure.
<!DOCTYPE html>
<html>
<body>
<table style="width:100%" border="2px">
<tr>
<th>Daftar Lowongan Kerja</th>
<th colspan="4">Daftar Pelamar Kerja</th>
</tr>
<tr>
<td rowspan="2">1. Junior Web Developer</td>
<td colspan="4">Januar Fahlevi</td>
</tr>
<tr>
<td>S1</td>
<td>20 th</td>
<td> ... </td>
<td> ... </td>
</tr>
<tr>
<td rowspan="2">2. Junior Web Developer</td>
<td colspan="4">Januar Fahlevi</td>
</tr>
<tr>
<td>S1</td>
<td>20 th</td>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>

HTML Table not displaying properly

Hey guys I was creating this table table recently in HTML.
image:http://imgur.com/wPXCwrd
The table (shown in image) created perfectly but a weird blank row was created (marked red in image). When I tried to delete that code the entire cells below the QUESTIONS row gets shifted (image link:http://imgur.com/jBfmNGV).
How do I remove that blank cell after MEN cell?
CODE:
<!DOCTYPE html>
<html>
<body>
<table align="left" border="1" cellpadding="3" cellspacing="3">
<tbody>
<tr>
<td colspan="5">QUESTIONAIRE RESULTS</td>
</tr>
<tr>
<td rowspan="3">QUESTIONS</td>
<td colspan="2" rowspan="2">WOMEN</td>
<td colspan="2" rowspan="2">MEN</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>YES</td>
<td>NO</td>
<td>YES</td>
<td>NO</td>
</tr>
<tr>
<td>Question 1</td>
<td>42%</td>
<td>58%</td>
<td>61%</td>
<td>39%</td>
</tr>
<tr>
<td>Question 2</td>
<td>53%</td>
<td>47%</td>
<td>69%</td>
<td>31%</td>
</tr>
<tr>
<td>Question 3</td>
<td>26%</td>
<td>74%</td>
<td>51%</td>
<td>49%</td>
</tr>
<tr>
<td>Question 4</td>
<td>40%</td>
<td>60%</td>
<td>60%</td>
<td>40%</td>
</tr>
</tbody>
</table>
</body>
</html>

Just remove the :
<td> </td>
so your final code will be :
<!DOCTYPE html>
<html>
<body>
<table align="left" border="1" cellpadding="3" cellspacing="3">
<tbody>
<tr>
<td colspan="5">QUESTIONAIRE RESULTS</td>
</tr>
<tr>
<td rowspan="3">QUESTIONS</td>
<td colspan="2" rowspan="2">WOMEN</td>
<td colspan="2" rowspan="2">MEN</td>
</tr>
<tr>
</tr>
<tr>
<td>YES</td>
<td>NO</td>
<td>YES</td>
<td>NO</td>
</tr>
<tr>
<td>Question 1</td>
<td>42%</td>
<td>58%</td>
<td>61%</td>
<td>39%</td>
</tr>
<tr>
<td>Question 2</td>
<td>53%</td>
<td>47%</td>
<td>69%</td>
<td>31%</td>
</tr>
<tr>
<td>Question 3</td>
<td>26%</td>
<td>74%</td>
<td>51%</td>
<td>49%</td>
</tr>
<tr>
<td>Question 4</td>
<td>40%</td>
<td>60%</td>
<td>60%</td>
<td>40%</td>
</tr>
</tbody>
</table>
</body>
</html>
Preview: https://jsfiddle.net/3q6n9v7k/

A more correct answer would be the changing the rowspan and colspan.
Instead of
<tr>
<td rowspan="3">QUESTIONS</td> //
<td colspan="2" rowspan="2">WOMEN</td>
<td colspan="2" rowspan="2">MEN</td>
</tr>
Do this
<tr>
<td rowspan="2">QUESTIONS</td>
<td colspan="2" rowspan="1">WOMEN</td>
<td colspan="2" rowspan="1">MEN</td>
</tr>
Also remove :
<tr>
<td> </td>
</tr>
check out Fiddle

Html table - Complex layout - specificel

I got this table in a assignment but I'm have a hard time replicating it:
(source: evc-cit.info)
I can't seem to get the Xpath cell and the XSL transformation cell to share the 11 a.m to 2 p.m cells, can someone help me please?

I came here with same doubt, even though it has been answered but its not a great explanation, so it took me a long time to solve this.You need to put XLS transformations in third row, not in second row. Please see the code below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Table Practice</title>
</head>
<body>
<table border="1" align="center" cellpadding="10px">
<thead>
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 a.m</td>
<td rowspan="2">5:00 p.m</td>
<td>Introduction to XML</td>
</tr>
<tr>
<td>Validity: DTD and Relax NG</td>
</tr>
<tr>
<td rowspan="4">Tuesday</td>
<td>8:00 a.m</td>
<td>11:00 a.m</td>
<td rowspan="2">XPath</td>
</tr>
<tr>
<td rowspan="2">11:00 a.m</td>
<td rowspan="2">2:00 p.m</td>
</tr>
<tr>
<td rowspan="2">XSL transformation</td>
</tr>
<tr>
<td>2:00 p.m</td>
<td>5:00 p.m</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 a.m</td>
<td>12:00 p.m</td>
<td>XLS Formatting Objects</td>
</tr>
</tbody>
</table>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
</head>
<body>
<table border="1px">
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Start</th>
<th>End</th>
</tr>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 a.m</td>
<td rowspan="2">5:00 p.m</td>
<td>Introduction to XML</td>
</tr>
<tr>
<td>Validity: DTD and Relax NG</td>
</tr>
<tr>
<td rowspan="4">Tuesday</td>
<td>8:00 a.m</td>
<td>5:00 p.m</td>
<td rowspan="2" style="padding: 7px;">XPath</td>
</tr>
<tr>
<td rowspan="2">11:00 a.m</td>
<td rowspan="2">2:00 p.m</td>
</tr>
<tr>
<td rowspan="2">XSL Transformations</td>
</tr>
<tr>
<td>2:00 p.m</td>
<td>5:00 p.m</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 a.m</td>
<td>12:00 p.m</td>
<td>XSL Formatting Objects</td>
</tr>
</table>
</body>
</html>
<!-- Hmmm -->

a little hacky but you could say that 11:00 am - 2:00 pm is actually two rows, not one (each cell would then be a rowspan=2). Then Xpath and XSL transformation cells would also be rowspan=2 as there are 4 rows now. (Tuesday would be rowspan=4)

<!DOCTYPE html>
<html>
<body>
<table border="1" spacing="0">
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 a.m.</td>
<td rowspan="2">5:00 p.m.</td>
<td>Introduction to HTML</td>
</tr>
<tr>
<td>
Validity: DTD and Relax NG
</td>
</tr>
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 a.m.</td>
<td>11:00 a.m.</td>
<td rowspan="1.5">XPath</td>
</tr>
<tr>
<td>11:00 a.m.</td>
<td>2:00 p.m.</td>
<td rowspan="1.5">XSL Transformations</td>
</tr>
<tr>
<td>2:00 p.m.</td>
<td>5:00 p.m.</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 a.m.</td>
<td>12:00 p.m.</td>
<td>XSL Formatting Objects</td>
</tr>
</table>
</body>
</html>

https://code.sololearn.com/WU73qCVhpik8
this is my cord and this table is HTML and CSS combination
this is possible but sum css add to run cord

I came here with same doubt, even though it has been answered but it's not a great explanation, so it took me a long time to solve.
It works only with Mozilla Firefox. Please see the code below.(Check Output on Mozilla FireFor)
<!DOCTYPE html>
<html>
<head>
<title>
Table
</title>
<style>
td,th{
text-align: center;
}
</style>
</head>
<body>
<table border="1" cellpadding="5px">
<thead>
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 a.m</td>
<td rowspan="2">5:00 p.m</td>
<td>Introduction to XML</td>
</tr>
<tr>
<td>Validity: DTD and Relax NG</td>
</tr>
<tr>
<td rowspan="4">Tuesday</td>
<td>8:00 a.m</td>
<td>11:00 a.m</td>
<td rowspan="2">XPath</td>
</tr>
<tr>
<td rowspan="2">11:00 a.m</td>
<td rowspan="2">2:00 p.m</td>
</tr>
<tr>
<td rowspan="2">XSL transformation</td>
</tr>
<tr>
<td>2:00 p.m</td>
<td>5:00 p.m</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00 a.m</td>
<td>12:00 p.m</td>
<td>XLS Formatting Objects</td>
</tr>
</tbody>
</table>
<p>By Umer Khalid</p>
</body>
</html>
Output:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="30">
<meta name="keywords" content="Time Table">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time Table</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="30">
<meta name="keywords" content="Time Table">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time Table</title>
</head>
<body>
<!-- Table->1 -->
<p>
<strong>TABLE : 1</strong>
</p>
<br>
<table border="2" cellspacing="0" width="500" height="400" cellpadding="8">
<thead>
<tr>
<th rowspan="12">
TCB
</th>
</tr>
<tr>
<th>
Order no:
</th>
<td colspan="4">
#ABC001
</td>
</tr>
<th>
Order Date:
</th>
<td colspan="4">
23-Mar-2022
</td>
<tr>
<th colspan="4">
Customer
</th>
</tr>
<tr>
<th>
Name:
</th>
<td colspan="4">
John Paps
</td>
</tr>
<th>
Address:
</th>
<td colspan="4">
Independence Day 5th str, 11511
</td>
<tr>
<th colspan="4">
Order Details
</th>
</tr>
<tr>
<td>
1
</td>
<td>
Of Mice and Men
</td>
<td>book</td>
<td align="center">10.00$</td>
</tr>
<tr>
<td>
2
</td>
<td>
Les Miserables
</td>
<td>book</td>
<td align="center">12.00$</td>
</tr>
<tr>
<td>
3
</td>
<td>
Game of Thrones-S01
</td>
<td>DVD</td>
<td align="center">50$</td>
</tr>
<tr>
<td>
4
</td>
<td>
Samsung Galaxy
</td>
<td>Mobile Phone</td>
<td align="center">200$</td>
</tr>
<tr>
<th colspan="3" align="right">
Total:
</th>
<td align="center">
272.00$
</td>
</tr>
</thead>
</table>
<br>
<!-- Table->2 -->
<p>
<strong>TABLE : 2</strong>
</p>
<br>
<table border="2" cellspacing="0" width="400" height="200" cellpadding="8">
<tr>
<td rowspan="2">
</td>
<th colspan="2" align="center">Average</th>
<th rowspan="2">Red eyes</th>
</tr>
<tr>
<th align="center">Height</th>
<th align="center">Weight</th>
</tr>
<tr>
<th>
Males
</th>
<td>
1.9
</td>
<td>
0.003
</td>
<td>40%</td>
</tr>
<tr>
<th>
Females
</th>
<td>
1.7
</td>
<td>
0.002
</td>
<td>43%</td>
</tr>
</table>
<!-- Table->3 -->
<p>
<strong>TABLE : 3</strong>
</p>
<br>
<table border="2" width="600" height="300" cellspacing="0" cellpadding="8">
<tbody>
<!-- Part->1 -->
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
<!-- Part->2 -->
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 am</td>
<td rowspan="2">5:00 pm</td>
<td align="center">Introduction to XML</td>
</tr>
<tr>
<td align="center">Validity: DTD and Relax NG</td>
</tr>
<!-- Part->3 -->
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 am</td>
<td>11:00 am</td>
<td rowspan="2" align="center">XPath</td>
</tr>
<tr>
<td>11:00 am</td>
<td>2:00 pm</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>5:00 pm</td>
<!-- <td rowspan="2">XSL transformation</td> -->
<td align="center">XSL transformation</td>
</tr>
<!-- Part->4 -->
<tr>
<td>Wednesday</td>
<td>8:00 am</td>
<td>12:00 pm</td>
<td align="center">XLS Formatting Objects</td>
</tr>
</tbody>
</table>
</body>
</html>
<!-- Table->3 -->
<p>
<strong>TABLE : 3</strong>
</p>
<br>
<table border="2" width="600" height="300" cellspacing="0" cellpadding="8">
<tbody>
<!-- Part->1 -->
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr>
<th>Begin</th>
<th>End</th>
</tr>
<!-- Part->2 -->
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 am</td>
<td rowspan="2">5:00 pm</td>
<td align="center">Introduction to XML</td>
</tr>
<tr>
<td align="center">Validity: DTD and Relax NG</td>
</tr>
<!-- Part->3 -->
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 am</td>
<td>11:00 am</td>
<td rowspan="2" align="center">XPath</td>
</tr>
<tr>
<td>11:00 am</td>
<td>2:00 pm</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>5:00 pm</td>
<!-- <td rowspan="2">XSL transformation</td> -->
<td align="center">XSL transformation</td>
</tr>
<!-- Part->4 -->
<tr>
<td>Wednesday</td>
<td>8:00 am</td>
<td>12:00 pm</td>
<td align="center">XLS Formatting Objects</td>
</tr>
</tbody>
</table>
</body>
</html>

<table style="width: 50%;">
<tr>
<th rowspan="3">Day</th>
<th colspan="3" style="text-align: center;">Seminar</th>
</tr>
<tr>
<th colspan="2" style="text-align: center;">schedule</th>
<th rowspan="2" colspan="2" style="text-align: center;">Topic</th>
</tr>
<tr>
<th style="text-align: center;">Began</th>
<th style="text-align: center;">End</th>
</tr>
<tr>
<th rowspan="2" style="text-align: center;">Monday</th>
<td rowspan="2" style="text-align: center;">08:00 a.m.</td>
<td rowspan="2" style="text-align: center;">11:00 p.m.</td>
<td style="text-align: center;">Introduction to xml</td>
</tr>
<tr>
<td style="text-align: center;">Validity: DTD and Relax NG</td>
</tr>
<tr>
<th rowspan="3" style="text-align: center;">tuseday</th>
<td style="text-align: center;">8:00 a.m.</td>
<td style="text-align: center;">11:00 p.m.</td>
<td rowspan="2" style="text-align: center;">Xpath</td>
</tr>
<tr>
<td>11:00 a.m.</td>
<td>2:00 p.m.</td>
</tr>
<tr>
<td>2:00 a.m.</td>
<td>5:00 p.m.</td>
<td rowspan="1" style="text-align: center;">XSL transformations</td>
</tr>
<tr>
<th style="text-align: center;">Wensday</th>
<td>8:00 a.m.</td>
<td>12:00 p.m.</td>
<td style="text-align: center;">XLs formating objects</td>
</tr>
</table>

How is make this html table?

I must create this table, but colspan and rowspan make my brain crazy. Please help.
Jsfiddle blank for experiments, - http://jsfiddle.net/3pbuT/2/

Fairly straight-forward..... Your'e confusion is the number of rows you had. There are only 2 rows in that table.
DEMO HERE

<table>
<tr>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td colspan="4"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

Try this ... if you have dreamweaver tool you can do this very easily....
<table width="200" border="1">
<tr>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td colspan="4"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

The easiest way is Dreamweaver, but it doesn't take much to deal with colspan and rowspan, I just did this with very little thinking, and I used jsfiddle just to make sure it was correct.
Enjoy.
<table>
<tr>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td colspan="4"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

<table>
<thead>
<tr>
<th rowspan="2">город 1</th>
<th rowspan="2">город 2</th>
<th colspan="4">город 3</th>
<th rowspan="2">город 4</th>
</tr>
<tr>
<th>город 5</th>
<th>город 6</th>
<th>город 7</th>
<th>город 8</th>
</tr>
</thead>
</table>

Something like this:
<table>
<tr>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td colspan="4"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
http://jsfiddle.net/3pbuT/9/

<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td rowspan="2">one</td>
<td rowspan="2">Two</td>
<td colspan="4">Im big!</td>
<td rowspan="2">Last</td>
</tr>
<tr>
<td rowspan="2">one</td>
<td rowspan="2">Two</td>
<td>Part 1</td>
<td>Part 2</td>
</tr>
</table>
</body>
</html>

Here you go..
<table border="1">
<tr>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td colspan="4"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

colspan combines columns, rowspan combines rows. So you look at how many rows are there at maximum and how many columns there at maximum.
In your case you have 7 columns at maximum and 2 rows at maximum:
<table border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td>f</td>
<td>g</td>
</tr>
<tr>
<td>h</td>
<td>i</td>
<td>j</td>
<td>k</td>
<td>l</td>
<td>m</td>
<td>n</td>
</tr>
</table>
Then you combine columns / rows:
<table border="1" style="padding:5px;border-spacing:10px">
<tr>
<td rowspan="2">a (former a)</td>
<td rowspan="2">b (former b)</td>
<td colspan="4">c (former c)</td>
<td rowspan="2">d (former g)</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
<td>g</td>
<td>h</td>
</tr>
</table>

<html>
<head>
<style type='text/css'>
table {
border-spacing:0;
}
td {
border:1px solid grey;
}
</style>
</head>
<body>
<table>
<tr>
<td rowspan='2'>1 col, 2 rows</td>
<td rowspan='2'>1 col, 2 rows</td>
<td colspan='4'>4 col, 1 row</td>
<td rowspan='2'>1 col, 2 rows</td>
</tr>
<tr>
<td>1 col, 1 row</td>
<td>1 col, 1 row</td>
<td>1 col, 1 row</td>
<td>1 col, 1 row</td>
</tr>
</table>
</body>
</html>
EDIT - I'd recommend against WYSIWYG editors, because you won't learn how to do it yourself. Learning will make a few headaches, sure, but then you KNOW. Give a man a fish...