모든 기록47 HTML - input type tag는 그 자체보다는 다양한 속성으로 인해 화면상에 보여지는 것을 더 명확하게 해줍니다. 따라서 input type을 좀 더 자세히 다뤄보려고 합니다. 1. 2. 3. 밥먹기 진짜로 체크할 수 있다. 4. 5. (hidden이라 시각적으로 제공할 자료가 없다. ) 6. 7. 8. Male Female 9. 10. 11. 12. 13. 14. 15. 16. 17. / 18. 19. *"pattern"이라는 속성을 이용하여 전화번호의 형식을 지정할 수 있다. 이렇게 범위를 지정하게되면 지정된 형식으로 작성해야만 정보를 전달할 수 있다. 20. 21. 22. 2019. 5. 13. HTML - fontawesome 연결하기 이번에는 "fontawesome"을 html에 연결하는 법을 알아보겠습니다. 1. 구글 검색창에 "fontawesome"을 검색하거나 https://fontawesome.com/ 에 접속합니다. 2. "Starting Using Free"를 클릭합니다 (무료로 이용 가능하죠) 3. 이렇게 생긴 페이지가 나오면 작성된 코드 전체를 복사합니다. (혹은) 오른쪽 아래 아이콘을 누르면 저절로 복사됩니다. 4. 복사한 링크를 "html"파일 부분에 붙여 넣기 합니다. #SVG의 경우 좀 더 icon 관련하여 자세한 부분까지 컨트롤할 수 있는 기능이 있으며 개인적으로 설정해야 하고 렌더링 과정이 필요한 부분이라 "Webfont"부분을 이용하시는 것이 좋습니다. 혹 더 자세한 내용이 궁금하시다면 SVG우측의 "?"부.. 2019. 5. 12. [왕초보JavaScript] 증감 연산자 왕초보를 위한 증감 연산자를 좀 더 쉽게 이해하기 증감 연산자 (increment and decrement operator) 증감 연산자는 피연산자를 1씩 증가하거나 1씩 감소시킬 때 사용하는 연산자고, 이 연산자는 피연산자가 단 하나뿐인 단항 연산자입니다. 라는 말과 함께 다음과 같은 표를 많이 보셨을 것입니다. *증감 연산자 쉽게 말하자면 전위 : 출력 전에 연산 / 후위 : 출력 후에 연산 10을 출력한 다음에 +1을 한다. | 출력 후에 +1을 하므로, 출력은 10, 현재number(변수)값은 11 11에 +1을 더한 후에 출력한다. | 출력 전에 +1을 하므로, 출력값은 12, 현재 number(변수) 값은 12 12를 출력한 후 -1을 한다. | 출력 후에 -1을 하므로, 출력값은 12, 현재.. 2019. 5. 11. HTML에 CSS파일 적용하기 그리고 @import [HTML 문서에 CSS파일을 적용하기] HTML 문서에 CSS파일을 적용하는 방식에는 3가지가 있습니다. 1. Inline style sheet - HTML 태그의 style속성에 css 코드를 넣는 방식 2. Internal style sheet - HTML 문서 안에 태그를 넣어서 그 안에 css코드를 작성하는 방식 - 일반적으로 태그 가장 상단에 작성합니다. 3. External style sheet - CSS파일을 만들어 HTML 문서와 연결하는 방식 가장 많이 사용되는 세번째 방식인 외부 링크로 연결하는 방식은 다음과 같습니다. inline style의 경우에는 html에 하나하나 입력하는 방식이므로 작성할 때뿐만 아니라, 추후 수정 시 매우 번거롭고 어렵습니다. internal style s.. 2019. 5. 10. 이전 1 ··· 7 8 9 10 11 12 다음
