HTML - html
-
! 하고 tap 하면 기본구조가 만들어진다.(Vscode 에서 )
-
공백입력 ( 여러개 하려면 하고싶은만큼 입력해야한다.)
- <제목> 꺽새 넣고 싶으면 < 제목 >
- & 기호 쓰는법 & ; → 특수문자 표기법
- 테이블 태그
| 태그 이름 | 설명 |
|---|---|
| table | 표 (table) |
| thead | 표의 머리(table head) |
| tbody | 표의 본문 (table body) |
| tfoot | 표의 꼬리(table foot) |
| tr | 표의 행(table row) |
| th | 표의 제목요소 (table header) |
| td | 표의 일반 요소(table data) |
ex) 표연습
<!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>연습03</title>
</head>
<body>
<h1>표연습</h1>
<table border="1">
<tr>
<th width=100>1</th>
<th width=100>2</th>
<th width=100>3</th>
<th width=100>4</th>
<th width=100>5</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td rowspan="2">3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td colspan="2">6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td rowspan ="3">9</td>
<td>10</td>
<td colspan="2">11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td rowspan="2">16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
</table>
</body>
</html>
-
글자 기울이기
-
밑줄긋기
-
div와 span 차이 div 와 span태그는 웹 페이지에서 영역을 지정할 때 사용하는 태그이다. div 는 자동으로 줄바꿈이되지만, span 은 한줄로 같이나온다.
- 개발시 유용한 사이트 :
“http://placehold.it/이미지크기”
-> 이미지를 가져와줌
https://www.lipsum.com/ -> 텍스트 연습시
- 기본선택자 (중요한내용)
| 선택자 종류 | 선택자 형태 | 설명 |
|---|---|---|
| 전체 선택자 | * | HTML 문서 안에 있는 태그를 모두 선택한다. |
| 태그 선택자 | 태그 | HTML 페이지 내부의 특정 태그를 모두 선택한다. |
| 아이디 선택자 | #아이디 | 특정id 속성이 있는 태그를 선택한다. 웹 표준에 id속성은 웹페이지 내부에서 중복되면 안 된다는 규정이 있으므로 아이디 선택자는 특정 태그 하나를 선택할 때 사용한다. |
| 클래스 선택자 | .클래스 | 특정 클래스가 있는 태그를 선택한다. |
댓글남기기