You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+130Lines changed: 130 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1006,3 +1006,133 @@ A favicon is a small image displayed next to the page title in the browser tab.
1006
1006
</body>
1007
1007
</html>
1008
1008
```
1009
+
1010
+
## Page Title
1011
+
1012
+
Defines the title of the document. Every web page should have a page title to describe the meaning of the page. The `<title>` element adds a title to your page.
1013
+
1014
+
```html
1015
+
<!DOCTYPE html>
1016
+
<html>
1017
+
<head>
1018
+
<title>HTML Tutorial</title>
1019
+
</head>
1020
+
<body>
1021
+
1022
+
The content of the document......
1023
+
1024
+
</body>
1025
+
</html>
1026
+
```
1027
+
1028
+
The `<title>` element:
1029
+
1030
+
- defines a title in the browser toolbar
1031
+
- provides a title for the page when it is added to favorites
1032
+
- displays a title for the page in search engine-results
1033
+
1034
+
## Tables
1035
+
1036
+
HTML tables allow web developers to arrange data into rows and columns.
1037
+
1038
+
A simple HTML table:
1039
+
1040
+
```html
1041
+
<table>
1042
+
<tr>
1043
+
<th>Company</th>
1044
+
<th>Contact</th>
1045
+
<th>Country</th>
1046
+
</tr>
1047
+
<tr>
1048
+
<td>Alfreds Futterkiste</td>
1049
+
<td>Maria Anders</td>
1050
+
<td>Germany</td>
1051
+
</tr>
1052
+
<tr>
1053
+
<td>Centro comercial Moctezuma</td>
1054
+
<td>Francisco Chang</td>
1055
+
<td>Mexico</td>
1056
+
</tr>
1057
+
</table>
1058
+
```
1059
+
1060
+
### Table Cells
1061
+
1062
+
Each table cell is defined by a `<td>` and a `</td>` tag.
1063
+
1064
+
Each table cell is defined by a `<td>` and a `</td>` tag.
1065
+
1066
+
`td` stands for table data.
1067
+
1068
+
Everything between `<td>` and `</td>` are the content of the table cell.
1069
+
1070
+
```html
1071
+
<table>
1072
+
<tr>
1073
+
<td>Emil</td>
1074
+
<td>Tobias</td>
1075
+
<td>Linus</td>
1076
+
</tr>
1077
+
</table>
1078
+
```
1079
+
1080
+
### Table Rows
1081
+
1082
+
Each table row starts with a `<tr>` and ends with a `</tr>` tag.
1083
+
1084
+
`tr` stands for table row.
1085
+
1086
+
```html
1087
+
<table>
1088
+
<tr>
1089
+
<td>Emil</td>
1090
+
<td>Tobias</td>
1091
+
<td>Linus</td>
1092
+
</tr>
1093
+
<tr>
1094
+
<td>16</td>
1095
+
<td>14</td>
1096
+
<td>10</td>
1097
+
</tr>
1098
+
</table>
1099
+
```
1100
+
1101
+
### Table Headers
1102
+
1103
+
Sometimes you want your cells to be table header cells. In those cases use the `<th>` tag instead of the `<td>` tag:
1104
+
1105
+
`th` stands for table header.
1106
+
1107
+
```html
1108
+
<table>
1109
+
<tr>
1110
+
<th>Person 1</th>
1111
+
<th>Person 2</th>
1112
+
<th>Person 3</th>
1113
+
</tr>
1114
+
<tr>
1115
+
<td>Emil</td>
1116
+
<td>Tobias</td>
1117
+
<td>Linus</td>
1118
+
</tr>
1119
+
<tr>
1120
+
<td>16</td>
1121
+
<td>14</td>
1122
+
<td>10</td>
1123
+
</tr>
1124
+
</table>
1125
+
```
1126
+
1127
+
| Tag | Description |
1128
+
|---|---|
1129
+
|`<table>`| Defines a table |
1130
+
|`<th>`| Defines a header cell in a table |
1131
+
|`<tr>`| Defines a row in a table |
1132
+
|`<td>`| Defines a cell in a table |
1133
+
|`<caption>`| Defines a table caption |
1134
+
|`<colgroup>`| Specifies a group of one or more columns in a table for formatting |
1135
+
|`<col>`| Specifies column properties for each column within a `<colgroup>` element |
1136
+
|`<thead>`| Groups the header content in a table |
1137
+
|`<tbody>`| Groups the body content in a table |
1138
+
|`<tfoot>`| Groups the footer content in a table |
0 commit comments