1. 폰트 속성 글자의 크기를 지정하는 스타일 속성이다. 크기 단위 등을 사용한다. font-size:30px; font-size:3em; font-size:large; font-size:small; font-family 속성 폰트를 지정하는 스타일 속성이다. font-style 속성과 font-weight 속성 폰트의 기울기 또는 두께를 조정하는 스타일 속성이다. font-size : 3em; font-style : italic; font-weight : bold; line-height 속성 line-height 속성은 글자의 높이를 지정한다. HTML에서는 글자를 수직 중앙 정렬할 때 많이 사용한다. text-decoration 속성 a 태그에 href 속성을 사용하면 밑줄이 생기고 파란색으로 변경이..
쟌's Blog
1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(hue,saturation,lightness,alpha) HSLA 색상 3. 가시 속성 태그가 화면에 보이는 방식을 지정하는 속성을 말한다. display 속성 키워드 설명 none 태그를 화면에서 보이지 않게 만듬 block 태그를 block 형식으로 지정 inline 태그를 inline 형식으로 지정 inline-block 태그를 inline-block 형식으로 지정 visibility 속성 키워드 설명 v..
CSS(Cascading Style Sheets) 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능이다. 선택자를 사용해서 특정한 HTML 태그를 선택하면 해당 태그에 원하는 스타일 또는 기능을 적용할 수 있다. 선택자 종류 선택자 형태 전체 선택자 * 태그 선택자 태그 아이디 선택자 #아이디 클래스 선택자 .클래스 후손 선택자 선택자 선택자 자손 선택자 선택자>선택자 속성 선택자 선택자[속성=값] 선택자[속성~=값] 선택자[속성|값] 선택자[속성^=값] 선택자[속성$=값] 선택자[속성*=값] 동위 선택자 선택자 + 선택자 구조 선택자 선택자 ~ 선택자 선택자:first-child 선택자:last-child 선택자:nth-child(수열) 선택자:nth-last-child(수열) 선택자:first..
textarea 태그 여러 줄의 글자를 입력할 때 사용하는 태그이다. 속성 이름 설명 cols 태그의 너비를 지정함 rows 태그의 높이를 지정함 select 태그 여러 개의 목록에서 몇 가지를 선택할 수 있는 입력 양식 요소이다. 태그 이름 설명 select 선택 양식을 생성 optgroup 옵션을 그룹화함 option 옵션을 생성 fieldset 태그 / legend 태그 입력 양식을 설명할 때 사용한다. legend태그는 fieldset태그 내부에서만 사용할 수 있다. 공간 분할 태그 div 태그와 span 태그 태그 이름 설명 div block 형식으로 공간을 분할 span inline 형식으로 공간을 분할 block 형식의 태그와 inline 형식의 태그 block 형식 태그 inline 형식 ..
입력 양식이란 사용자에게 입력받는 공간을 의미한다. 입력 양식은 form 태그를 사용해 생성한다. 속성 이름 설명 action 입력 데이터의 전달 위치를 지정 method 입력 데이터의 전달 방식을 선택 form태그에 지정된 action 속성의 장소로 method 속성에 적힌 방식으로 전달이 된다. method 속성에서 자주 사용되는 것은 get과 post이다. get 방식은 주소에 데이터를 입력해서 보내는 방식을 말하고 post는 get방식과 달리 비밀스럽게 데이터를 전달하는 방식이다. 예를 들어서 회원가입을 할 때 아이디를 입력하고, 비밀번호를 입력하는 것은 비밀스럽게 해야 하므로 post 방식을 사용한다고 생각하면 된다. input 태그 사용자에게 정보를 입력받는 기능을 수행하는 태그를 말한다. 속..
1. 이미지 태그 속성 이름 설명 src 이미지의 경로 지정 alt 이미지가 없을 때 나오는 글자 지정 width 이미니의 너비 지정 height 이미지의 높이 지정 2. 오디오 태그 속성 이름 설명 src 음악 파일의 경로 지정 preload 음악을 재생하기 전에 모두 불러올지 지정 autoplay 음악을 자동 재생할지 지정 loop 음악을 반복할지 지정 controls 음악 재생 도구를 출력할지 지정 3. 비디오 태그 속성 이름 설명 src 비디오 파일의 경로 지정 poster 비디오 준비 중일 때의 이미지 파일 경로 지정 preload 비디오를 재생하기 전에 모두 불러올지 지정 autoplay 비디오를 자동 재생 할지 지정 loop 비디오를 반복할지 지정 controls 비디오 재생 도구를 출력할지..
테이블 태그는 HTML 페이지에서 표를 만들 때 사용하는 태그이다. 태그 이름 설명 tr 표 내부의 행 태그 th 행 내부의 제목 셀 태그 td 행 내부의 일반 셀 태그 tr 태그는 table row th 태그는 table header td 태그는 table data 테이블 태그 속성 속성 이름 설명 border 표의 테두리 두께를 지정 속성이름 설명 rowspan 셀의 높이 colspan 셀의 너비 1) tableExam1 테이블이름 컬럼1 컬럼2 컬럼3 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 웹 브라우져 종류 브라우저명 브라우저명 브라우저명 크롬 google http://www.google.com 익스플로러 MS http://www.microsoft.com 사파리 apple http:/..
정보처리기사 실기 접수기간이 마감되었다. 2019년 9월 2일 ~ 2019년 9월 5일까지 접수기간이었고, 접수는 항상 빠르게 하는 편이 낫다. 이유는 자기가 원하는 시험장에서 볼 수 있기 때문이다. 늦게 하면 할수록 시험장의 자리가 부족해 집과 거리가 먼 곳에서 볼 확률이 높다. 정보처리기사 실기 시험 접수를 했다. 시험은 19년 10월 13일(일)에 실시하고, 한번 떨어진 경험이 있기 때문에 그리고 올해를 넘기면 내년에 시험을 치러야 되기 때문에 무조건 합격을 해야 한다. 정보처리기사는 많은 사람들이 합격하는 시험이고, 그만큼 많이 치르는 시험이다. IT업계에서는 거의 대부분이 가지고 있는 기사 자격증이기 때문에 가지고 있어야 한다고 생각한다. 일단 합격률에 대해서 알아보면 다음과 같다. 필기 실기 ..
