Html Css JavaScript
-
표 만들기 table, tr, td, th, caption, thead, tbody, tfoot, rowspan, colspan, col, colgroupHtml Css JavaScript 2022. 11. 14. 09:31
표 만들기 table, tr, td, th, caption, thead, tbody, tfoot, rowspan, colspan, col, colgroup 표(table)은 행(row)과 열(column) 그리고 각각 셀(cell)로 이루어진다. 필요할 경우 표의 구조로 제목(thead), 본문(tbody), 요약(tfoot)을 지정 할 수 있다. 1행 1열 1행 2열 2행 1열 2행 2열 HTML 삽입 미리보기할 수 없는 소스 표 구성 예제 head c0 head c1 head c2 head r1 1행 1열 1행 2열 2행 1열 2행 2열 HTML 삽입 미리보기할 수 없는 소스 행 열 묶기 열 묶기 ,
-
목록 ol li ul dl dt ddHtml Css JavaScript 2022. 11. 14. 09:20
목록 Tag ol li ul dl dt dd 약어 의미 : ordered list : list 또는 list item : unordered list : description list 항목1 항목2 항목1 항목2 항목1 항목2 항목3 HTML 삽입 미리보기할 수 없는 소스 속성 type ex: ... type = "1" 숫자(기본값) type = "a" 영문 소문자 type = "A" 영문 대문자 type = "i" 로마 숫자 소문자 type = "I" 로마 숫자 대문자 속성 start ex: ... 목록 번호를 원하는 번호부터 시작 가능.
-
h1 에서 h6 (headering)Html Css JavaScript 2022. 11. 14. 00:11
가장 큰 제목 그보다 작은 제목 HTML 삽입 미리보기할 수 없는 소스
-
문서구조 잡기 header main footer nav article section aside divHtml Css JavaScript 2022. 11. 13. 23:52
header main footer nav article section aside div 문서 내용에 직접적 영향은 없으나 구조 파악이 용이하게 하기위해 만들어진 tag다. 웹 문서 구조를 만드는 주요 시맨틱(semantic) 태그다. header 사이트에서 헤더는 주로 맨 위쪽이나 왼쪽에 있으며 그 속에 로고, 검색, 메뉴 등이 포함된다. main 웹 문서에서 핵심이 되는 내용(메뉴, 로고 등 페이지마다 똑같은 내용이 아닌)을 넣는다. main tag는 웹 문서에서 한 번만 사용할 수 있다. footer 웹 문서에서 보통 맨 아래쪽에 있는 푸터 영역이다. 저작권 연락처 등을 넣는다. header, section, article등 다른 tag들을 사용할 수 있다. nav 내비게이션 의미로, 다른 위치나 문..
-
Html 문단 줄바꿈 (div, p, br) tagHtml Css JavaScript 2022. 11. 13. 16:16
요약 문단과 줄바꿈은 비슷하지만 아래의 예제와 같이 약간의 차이가 있다 (웹브라우저에 따라서 다르게 보일 수 있지만, 문단간의 간격이 좀 더 크다) 문단(p)이 사용된 html ex HTML 삽입 미리보기할 수 없는 소스 줄(br)이 사용된 html ex HTML 삽입 미리보기할 수 없는 소스 문단 문단이라는 말에는 줄을 바꾼다는 의미와 새로운 서식이 시작된다는 의미가 담겨있다. 문단을 나누는 태그로는 와 가 있다. 새로운 문단임을 정의하고 줄바꿈효과. paragraph의미로 p를 사용. 태그와의 차이점은 태그 앞뒤로 빈 줄이 생긴다는 점이다. 앞쪽만 빈 줄이 생김 문단 앞뒤쪽 빈 줄이 생김 문단 줄바꿈 단지 화면에 표시되는 내용의 줄이 바뀌는 효과