반응형 IT/HTML CSS21 CSS 2단계 - CSS 문법 안녕하세요. CSS 2단계 CSS 문법 시간이 돌아왔습니다. 저번시간에는 CSS란 무엇인가를 알아봤는데요. 혹시 잊지는 않으셨겠죠~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 CSS 2단계 CSS 문법을 시작해볼께요~ ▣ CSS (Cascading Style Sheets) 문법 CSS란 "Cascading Style Sheets" 어떠신가요? 이해가 잘 되시나요? 항상 드리는 말씀이지만 반복해서 연습하셔야 된다는건 필수인거 아시죠?ㅎ 다음시간에는 CSS의 문법 2탄에 대해서 포스팅 해볼껀데요. 많은 응원과 기대해주세요. 감사합니다. 2020. 12. 15. CSS 1단계 - CSS란 무엇인가? 안녕하세요 CSS 1단계 CSS란 무엇인가? 시간이 돌아왔습니다. 이번시간부터는 CSS를 살펴볼껀데요. 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 CSS 1단계 CSS란 무엇인가? 를 시작해볼께요~ ▣ CSS (Cascading Style Sheets)란? CSS란 "Cascading Style Sheets" 의 약자로 웹 문서의 전반적인 스타일을 미리 지정해둔 '스타일시트'입니다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 합니다. 지금까지 배우셨던 HTML로 웹 페이지를 만들고, CSS로 웹페이지를 꾸며줄 수 있습니다. 예를 들어, 제목은 글자 크기도 크고 두껍게 표시하고 내용은 작은 글자 크기에 얇게 표시하고 싶다면 HTML로 제목과 내용을 작성.. 2020. 12. 14. HTML 19단계 - 배경음악 안녕하세요 HTML 19단계 배경음악 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 6탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 19단계 배경음악을 시작해볼께요~ ▣ 배경음악 홈페이지를 만들때 분위기 있게 또는 럭셔리하게 만들기위해 배경 음악을 사용하는 경우가 많이 있습니다. 그러나 방문자가 배경음악을 원치 않을경우도 종종 있으므로 배경음악을 사용할때는 여러 부분을 고려해 봐야 됩니다. 1. 반듯이 필요한 부분에만 배경음악이나 배경음을 넣습니다. 2. 배경음악을 사용자가 직접 제어 할 수 있도록 제어권을 주어야 합니다. 배경음악을 원치 않는 사용자들이 쉽게 소리를 줄이거나 높일 수 있어야 합니다. 3. 용량이 큰 배경음악은 페.. 2020. 12. 14. HTML 18단계 - 폼(Form) 6탄 안녕하세요 HTML 18단계 폼(Form) 6탄 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 5탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 18단계 폼(Form) 6탄을 시작해볼께요~ 1. 파일(File Form Control) 파일(File Form Control)는 게시판 등에 첨부파일을 업로드 하는 경우에 찾아보기 버튼을 사용할때 넣는 속성입니다. 자 그럼 간단한 예문 소스를 살펴보겠습니다. type 속성에 "file"라는 값만 사요아면 파일을 업로드 할 수 있는 버튼을 만들 수 있습니다. 여기서 주의할 점이 하나 있는데요 파일 첨부 기능이 있는 폼을 만들때는 반듯이 태크에 enctype 속성을 multipart/form.. 2020. 12. 13. HTML 17단계 - 폼(Form) 5탄 안녕하세요 HTML 17단계 폼(Form) 5탄 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 4탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 17단계 폼(Form) 5탄을 시작해볼께요~ 1. 리셋버튼(ResetButton) 리셋버튼(ResetButton)는 폼에 입력한 값을 취소하고 초기화를 시켜줄때 사용합니다. 자 그럼 간단한 예문 소스를 살펴보겠습니다. "초기화"를 클릭시 폼에 입력한 값을 취소하고 초기화가 된것을 확인하실수 있습니다. 2. 전송버튼(SubmitButton) 전송버튼(SubmitButton)는 폼을 지정한 페이지로 전송시켜주는 기능을 합니다. 자 그럼 간단한 예문 소스를 살펴보겠습니다. 위의 예문 소스에서는 .. 2020. 12. 13. HTML 16단계 - 폼(Form) 4탄 안녕하세요 HTML 16단계 폼(Form) 4탄 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 3탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 16단계 폼(Form) 4탄을 시작해볼께요~ 1. 체크박스(CheckBox) 체크박스(CheckBox)는 셀렉트박스(select)와 라디오버튼(radio button)이 하나만 선택할 수 있는 반면에 체크박스(CheckBox)는 여러개를 동시에 선택할 수도 있다는 장점을 가지고 있습니다. 체크박스(CheckBox)는 복수의 값을 선택할 수 있기에 폼이 전송될때 값들이 어떻게 전송되는지를 잘 이해하여야 합니다. 자 그럼 간단한 예문 소스를 살펴보겠습니다. HTML CSS PHP ASP JSP.. 2020. 12. 12. 이전 1 2 3 4 다음 반응형