해당 게시물을 이용한 2차 창작은 댓글 부탁드립니다. 🟰파일을 분리하였을 때 장점 ☀️코드의 구분이 쉬워진다. ☀️각 파일의 목적이 확실해진다. 매우 간단해서 예시사진만 첨부하겠습니다. css는 link태그로 javascript는 body안에서 script태그로 사용하시면 됩니다.

🟰dIv태그 ☀️ 화면 영역을 분리하기 위한 태그, 혼자서 한 줄을 차지한다. 🟰span태그 ☀️요소를 구분하기 위한 태그, 줄 바꿈이 없고, 내부 컨텐츠만큼 크기를 차지한다. HTML 삽입 미리보기할 수 없는 소스

🟰table 태그 ☀️table : 표의 시작과 끝을 나타내는 태그 ☀️thead : 표의 상단 부분을 표현하는 태그(column) ☀️tbody: 표의 중심 내용을 표현하는 태그 ☀️tfoot : 표의 하단 부분을 표현하는 태그 ☀️tr : table row의 약자 , 표의 한 줄(row)을 표현하는 태그 ☀️td: table data, 줄 내부의 한 칸을 표현하는 태그 ☀️th : table head, td와 같으나 가운데 정렬, 진하게 처리하는 태그 ☀️colspan, rowspan : 해당 열과 행을 차지하는 수 🔍다양한 예시를 보고 참고해보세요 HTML 삽입 미리보기할 수 없는 소스

🟰a태그 ☀️대상을 지정하여 대상위치로 이동하게 하기 위한 링크 ☀️href : Http Reference의 약자, 링크가 참조하는 http상의 참조새아 ☀️href의 값은 클릭하면 브라우저의 주소창에 입력된다. 🔍다양한 예시들이 있으니 하나씩 클릭하면서 효과를 확인해보세요 HTML 삽입 미리보기할 수 없는 소스

🟰ul(unordered list) : 순번을 매기지 않는 목록을 나열 ☀️왼쪽에 기호가 들어가기 때문에 left-padding(왼쪽 여백)이 자동으로 주어진다. ☀️기호의 모양은 type요소로 변환이 가능하다. (circle, square등) HTML 삽입 미리보기할 수 없는 소스 🟰ol(ordered list) : 순번을 자동으로 매겨주는 목록을 나열 ☀️ul처럼 왼쪽 여백이 존재한다. ☀️기호의는 type요소로 변환이 가능하다.( a,A,i,I,1 등) HTML 삽입 미리보기할 수 없는 소스

🟰img태그 ☀️이미지를 문서에 포함시킬 때 사용한다. ☀️alt속성으로 이미지가 출력되지 않을때 대체 텍스트를 지정한다. ☀️width, height 속성으로 너비 및 높이를 지정할 수 있다. ☀️src 속성으로 이미지의 경로를 지정한다. ☀️img태그는 글자와 동일하게 취급한다. HTML 삽입 미리보기할 수 없는 소스