본문 바로가기

html4

5. 버튼 만들기 1. 버튼 2. 기능 미리보기 HTML 삽입 미리보기할 수 없는 소스 3. 디자인 .클래스명 = 해당요소 호출 width = 요소 너비 height = 요소 높이 background-color = 버튼 안의 색 color = 글씨 색 font-weight = 폰트 굵기 font-size = 폰트 크기 border : none = 테두리 구현 여부 : width = 테두리 두께 : = 한번에 지정 가능 border-radius = 테두리 둥글기 border-color = 테두리 색 border-style: solid = 테두리 스타일 margin-left / right = 좌, 우 바깥 여백 : = 한번에 지정 가능 padding-top / bot.. 2023. 9. 8.
4. CSS 디자인 속성 종류 1. Dimesion (치수) 속 성 설 명 값 height / width 높이 / 너비 auto length % line-height 줄 간격 normal number length % max-height / min-height 최대 / 최소 높이 none length % max-width / min-width 최대 /최소 너비 2. Font (글꼴) 속 성 설 명 값 family name 폰트 종류 generic-family font-size 폰트 크기 xx-small / large x-small / large small / large medium smaller / lager length % font-size-adjust 소문자를 기준으로 글자 크기 조정 none number font-stretch 글.. 2023. 9. 7.
2. HTML 태그 1. ~ - heading 태그 - 주로 제목에 사용 - 1부터 시작하고 순서 지킬 것 - 한페이지에 하나씩 쓰기 2. - 문단 정의 3. - 텍스트에 사용된 여백, 줄바꿈 모두 그대로 화면에 출력 4. & - ol은 순서가 있는 목록임을 뜻함 - li는 목록 - type 으로 목록 순서 형태 설정 - start 로 목록 시작 지점 설정 ( type, start 지정 안할 경우 기본값인 숫자로 표현 ) type 예 1 숫자로 순서 매김 [입력] 사과 수박 포도 a 소문자로 순서 매김 A 대문자로 순서매김 i 로마숫자(소문자)로 순서매김 [출력] 3. 사과 4. 수박 5. 포도 I 로마숫자(대문자)로 순서매김 5. & - ul은 순서가 없는 목록임을 뜻함 - li는 목록 - typ.. 2023. 9. 6.
1. HTML 기본 구조 1. HTML Hyper Text Markup Language 웹 페이지에서 다른 페이지로 이동할 수 있도록 구조를 설계할 때 사용되는 언어 (hyper link 시스템을 가진 웹 페이지를 위한 마크업 언어) 2. HTML 구성요소 tag [태그] 웹 문서 구성의 시작과 끝 Element [요소] Empty [빈 요소] 내용은 없고 구조적 기능 (예: 공백, 수평선) - , Block [블럭 요소] 다른 블록 요소, 인라인 요소 포함 가능 (margin, padding 갖는다) - h1, h2, h3, h4, h5, h6, div, list, p (시맨틱 태그) Inline [인라인 요소] 다른 블록 요소, 인라인 요소 포함 불가 (블럭 요소에 포함되어 있음) - a, span, strong Attrib.. 2023. 9. 6.

티스토리툴바