Page Title

# tr, th, td <tr>: a row of cells in a table. <th>: a cell as header of a group of table cells <td>: a cell of a table that contains data

Book	Name	Total
1	Harry Potter	100

```html

Book	Name	Total
1	Harry Potter	100

``` #colspan, rowspan * colspan: This attribute contains a non-negative integer value that indicates for how many columns the cell extends. col들을 통합 // colspan="3" 3개의 col을 옆으로 3개 합침) * rowspan: This attribute contains a non-negative integer value that indicates for how many rows the cell extends. row들을 통합 // rowspan="3" 3개의 row을 아래로 3개 합침 ```html Total Sales 600 ``` #thead, tbody, tfoot <thead>: Table Head Element <thead> defines a set of rows defining the head of the columns of the table. <tbody>: a set of table rows <tr> elements, indicating that they comprise the body of the <table>. <tfoot>: element defines a set of rows summarizing the columns of the table.

Book	Name	Total
1	Harry Potter	100
2	Hunger Game	200
3	Lord of the rings	300
Total		600

```html Page Title

Book	Name	Total
1	Harry Potter	100
2	Hunger Game	200
3	Lord of the rings	300
Total		600

``` #caption, colgroup <caption>: specifies the caption (or title) of a table. <colgroup>: defines a group of columns within a table. <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row. #Table tag ```html 테이블 태그

이 table은 영국에서 최초로 시작되어 일년에 한바퀴 돌면서...
구분	책 이름	책 가격	판매량
1	hello	10000	1
2	hello2	2000	2
3	hello3	3000000000000000000	3
총판매량

``` # Scope Scope attribute specifies whether a header cell is a header for a column, row, or group of columns or rows. The scope attribute has no visual effect in ordinary web browsers, but can be used by screen readers scope="col": specifies that the cell is a header for a column. scope="row": Specifies that the cell is a header for a row. scope="colgroup": specifies that the cell is a header for a group of columns. scope="rowgroup": specifies that the cell is a header for a group of rows.

Timetable for the bus
	Monday	Tuesday	Wednesday	Thursday	Friday	Saturday
First bus	05:00	05:30	05:30	05:00	06:30	06:30
Last bus	00:50	00:50	00:50	00:50	01:30	23:50

```html

Timetable for the bus
	Monday	Tuesday	Wednesday	Thursday	Friday	Saturday
First bus	05:00	05:30	05:30	05:00	06:30	06:30
Last bus	00:50	00:50	00:50	00:50	01:30	23:50

``` #Block elements(block-level elements) <article>,<header>,<h1>,<nav>,<section>,<div>,<ul>,<ol>,<li>,<p> ... A Block-level element occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a "block". A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). You can visualize them as a stack of boxes. Find more about [Block elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements) ```html

``` #Inline element(inline-level elements) <span>, <a>, <button>,<video>, <input>, <br>,... Inline elements are those which only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content. An inline element does not start on a new line and only takes up as much width as necessary. Find more about [Inline element](https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements) ```html

```

inlineelements

Table tag, block element and inline element

Join Our Newsletter. No Spam, Only the good stuff.