전체 글(404)
-
4-4. 서체(font)와 글(text) 스타일 - 7
1.글자 들여쓰기긴 단락의 경우 첫 줄의 텍스트를 한 글자 정도 들여쓰기라기 위해 "text-indent" 속성을 활용합니다. 간격을 마이너스 값으로 지정하면 화며에서 글자가 보이지 않도록 만들 수 있습니다. 이 방법은 css를 이용해 메뉴를 만들거나 본문의 텍스트를 이미지로 변환하는 경우 활용합니다. 2. 영문의 대/고문자 관련영문의 경우 css를 통해 대문자와 소문자를 변경하는 방법으로 "text-transform"속성과 "font-variant"속성이 있습니다. ※ HTML 문서를 작성할 경우 대문자로만 작성하게 되면 익스플로러 버전 6에서 css를 통한 대/소문자 병경이 안 될 수 있습니다. 1-1. 대문자와 소문자로 변경하는 "text-transform"속성의 값은 다음과 같습니다. 1-2. "..
2018.01.31 -
15. 배열 요소 역순 정렬
Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.numArr[0] numArr[1] numArr[2] numArr[3] numArr[4] 1 2 3 4 5 ↓numArr[0] numArr[1] numArr[2] numArr[3] numArr[4] 5 4 3 2 1 S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다. Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.A의 값을 입력하세요.B의 값을 입력하세요.C의 값을 입력하세요.D의 값을 입력하세요.E의 값을 입력하세요.F의 값을 입력하세요.결과
2018.01.31 -
4-4. 서체(font)와 글(text) 스타일 - 6
1. 글의 정렬 방법"text-align" 속성은 블록 요소에 지정하면 그 내부에 포함된 글이나 인라인 요소들이 영향을 받습니다.left 왼쪽 정렬 center 가운데 정렬 right 오른쪽 정렬 justify 양쪽 정렬 2. 글의 간격 조절하기글자와 글자 사이의 간격은 "letter-spacing"속성을 사용하고, 단어 간의 간격은 "word-spacing"을 사용합니다. 줄 간격은 "line-height" 속성으로 지정합니다. ※ 주의할 점은 본문에 한글과 영문, 숫자 등이 섞여 있는 경우 각 종류 별 간격이 달라 보일 수 있는 점입니다. 한글 자간은 어울려 보이는데 영문은 좁아 보이거나, 숫자는 거의 붙어버리는 경우가 있을 수 있습니다. 2-1. 자간 조절(letter-spacing) 2-2. 단어..
2018.01.30 -
14. 배열 요소의 최댓값 구하는 함수
Q. 5명의 사람의 키를 입력받아 가장 큰 값을 출력하는 프로그램을 작성하세요. S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다. Q. 5명의 사람의 키를 입력받아 가장 큰 값을 출력하는 프로그램을 작성하세요.A의 키를 입력하세요.B의 키를 입력하세요.C의 키를 입력하세요.D의 키를 입력하세요.E의 키를 입력하세요.결과
2018.01.30 -
4-4. 서체(font)와 글(text) 스타일 - 5
1. 글자 스타일 지정하기글자를 기울이는 방법으로 "font-style" 속성을 사용합니다. 기울이는 값은 "italic(기울임)"과 "oblique(비스듬하게)"가 있으며, 기울어진 글자를 바로 세울 때에는 "nomal"을 적용합니다.1-1. 기울이는 값은 "italci"과 "obliique"가 있습니다. 1-2. , 요소 등은 원래 기울어진 형태로 표현됩니다. font-style 속성에 "nomal" 값을 지정함으로써 해당 요소의 글자를 바로 세울 수 있습니다. 2. 글자의 색상 설정하기"color"속성으로 글자의 색상을 지정합니다. 다음 예제는 요소의 글자에 색상을 지정했습니다.
2018.01.29 -
13. 정수를 입력받아 별찍기 - 피라미드
Q. 단수(높이)를 입력받아 피라미드를 *기호로 출력하는 프로그램을 작성하세요. S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다. Q. 단수(높이)를 입력받아 피라미드를 삼각형 *기호로 출력하는 프로그램을 작성하세요.단수를 입력하세요.결과
2018.01.29