본문 바로가기

html+CSS+JS/html+CSS

[html/기초] 이미지 관리 (img src, figure, figcaption)
html+CSS+JS/html+CSS 2019. 6. 18. [html/기초] 이미지 관리 (img src, figure, figcaption) : 이미지에 설명을 넣기 위해 그룹을 지어줌. body 안에 들어가야만. : 이미지 주소=이미지 경로(파일 경로 혹은 웹 주소) 확장자 명까지 넣어줘야 함. 인터넷 상 주소라면 네트워크가 되지 않을 때 볼 수 없음. 이미지 하단 설명 문구 : 이미지 하단 문구를 넣기 위한 내용 Example 사려니 숲길 나무들이 우거져 시원한 숲길 제주의 오름 거인 설문대할망이 제주도와 육지 사이에 다리를 놓으려고 치마폭에 흙을 담아 나를 때 치마 틈새로 한줌씩 떨어진 흙덩이들이 오름이 되었다는 전설이 있다.
[html/기초] 표만들기 (table, tr, th, td, caption, colgroup)
html+CSS+JS/html+CSS 2019. 6. 17. [html/기초] 표만들기 (table, tr, th, td, caption, colgroup) : 표 만드는 시작과 끝에 들어가면 됨. : 표에 숫자만큼의 픽셀 굵기의 선 만들어 주기. : table row. 한 행마다 들어가는 내용을 와 로 적기. 내용적기 : table head. 행의 제목. 자동으로 굵게, 가운데 정렬로 표시된다. 내용적기 : table data. 셀의 내용. : 한 행에 들어가는 거 닫기. : 표 하나 완성. width="넓이값" : 넓이값에 숫자를 기입하면 그 숫자의 픽셀만큼 넓이가 설정됨. 코드 안에 함께 넣어야 함. height="높이값" : 높이값에 숫자를 기입하면 그 숫자의 픽셀만큼 높이가 설정됨. 코드 안에 함께 넣어야 함. : 표의 제목. 대신 반드시 table 코드 아래에 위치시켜야 함. : 캡션 코드 닫기 : column group. 열 스타일 지정 : co..
[html/기초] 항목나열
html+CSS+JS/html+CSS 2019. 6. 17. [html/기초] 항목나열 내용적기 : unordered list. 순서가 없는 리스트를 만들 때.(기본값=disc) : 목록 앞 도형. square(네모), disc(속이 찬 동그라미), circle (속이 빈 동그라미) 내용적기 : ordered list. 알파벳, 숫자 등 순서가 있는 리스트를 만들 때. (순서 기본값=1) : 순서 표시. a(소문자 알파벳), A(대문자 알파벳), I(로마 숫자), i(로마 숫자 소문자), 1(숫자) 내용적기 : list item. ul과 ol 코드를 사용 할 때, 리스트의 각 항목을 나타냅니다. 내용적기 : definition list. 용어 설명 리스트를 만들 때. (앞에 항목 도형조차 없음) 내용적기 : definition title. 용어 설명 중 타이틀 (기본 정의 설명) 내용적기 ..
[html/기초] html 시작, 나눔선, 글자 효과
html+CSS+JS/html+CSS 2019. 6. 17. [html/기초] html 시작, 나눔선, 글자 효과 HTML은 내용, CSS는 스타일이라고 보시면 됩니다. : html5 웹 표준을 표준 명령으로 해석하겠다는 말. 시작할 때에 씀. 쓰지 않은 경우 명령 해석이 안 될 수 있음. : html 시작하는 머리 태그 (doctype을 제외한 모든 코드는 과 사이에 들어간다) lang: 이 페이지의 언어 속성. 한글=ko, 영어=en 등 각 나라 이름의 앞 2글자. : 헤드 닫기 : 몸통글(바디). 문서의 내용이 들어감 내용 적기(머리글) : head. 머리글 내용. h1, h2 이런 식으로 크기를 조절할 수 있다. 숫자는 1~6까지 내용적기(문단) : paragraph. 문단 내용. 문단마다 를 써서 열고 를 써서 닫아줘야 한다. 내용적기 : 이나 는 bold. 글자를 굵게 표현해줌. 시작부분과 끝 부분에 위치..

티스토리툴바