[ HTML ] 3

</> Table

table의 구성 요소 : 테이블 생성      : 테이블의 제목or설명                         필수X, 선택적 사용                         table의 첫번째 자식으로 사용!                         caption-side 속성으로 top, bottom으로 위치 설정 가능        : table header (행, 열의 제목)      : table row (행, 가로)      : table data (열, 세로)➡️ 로 가로행 제일 왼쪽 부터 시작, 제목을 생성 가로로, 내용을 가로로 입력      즉, 안에 로 제목을 적고 그 행의 내용 입력       - 머리글, 본문, 바닥글 - 구역을 나누는 요소      - 필수X, 가..

[ HTML ] 2024.07.08

공백 넣기(띄어쓰기), 줄 바꿈하는 법

html에 공백을 아~무리 많이 입력해도 결과는 공백 한 칸이다.또한 엔터를 눌러도 줄 바꿈이 되지 않는데 그럴 때는 아래의 방법을 사용하면 된다.  &nbsp;: Non-breaking Space로 줄 바꿈 없는 공백이란 뜻이다.  공백 1칸을 의미한다.    위의 코드처럼 공백을 여러 개 넣고 싶다면 여러 번 입력해 주면 된다.그런데 2칸 3칸을 띄어 쓰고 싶으면 어떻게 해야 할까..?  &ensp;:공백 2칸&emsp;:공백 3칸   아래의 코드를 보면 위의 코드보다 1칸씩 공백이 더 존재하는 걸 볼 수 있다.      or : 줄 바꿈 태그이 태그는 self-closing tag여서 닫는 태그가 존재하지 않아줄 바꾸고 싶은 부분에 추가해 주면 된다. 노래가사를 출력하는 걸 예로 해보자    htm..

[ HTML ] 2024.06.28

시작하며

수업내용 중 이해못하고 훅지나갔을때 묻는게 너무하다고 생각되는 것들을 써치하다보니 방대한 양이 있었다. 강사님이 나눠주신 자료에서 동일한 부분들도 물론 있었지만, 다른 내용들도 있고 그걸로 적용을 해보니 더 이쁘게 되길래 딴길로 샜었다. 그래서  수업내용을 정확하게 복기하지 못하겠지만, 강의자료에 따라 따라가 보도록 하겠다. (이 내용을 하루종일 수업하는 시간에 빠르게 한건데... 복습하는데 한새월.. 과제는 언제하며, 복습은 다하고 다음날이 되는 건가,,,) 전공자들은 좀 느긋하게 배웠겠지.. 난 몇달 커리 맞출려면 몇주만에 해야하고...

[ HTML ] 2024.06.27