본문 바로가기
반응형

IT/HTML CSS21

HTML 15단계 - 폼(Form) 3탄 안녕하세요 HTML 15단계 폼(Form) 3탄 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 2탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 15단계 폼(Form) 3탄을 시작해볼께요~ 1. 텍스트 에어리어(Textarea) 텍스트 에어리어(Textarea)는 텍스트 필드(Text Field)가 한줄만 입력할 수 있는 반면에 텍스트 에어리어(Textarea)는 여러줄에 걸쳐 입력 할 수 있는 폼 필드 입니다. 상세설명 같이 텍스트를 여러줄 입력받을때 주로 사용하는 입력양식입니다. 텍스트 에어리어(Textarea)에서는 넓이와 높이를 지정하기 위해 cols속성과 rows 속성이 사용됩니다. 자 그럼 간단한 예문 소스를 살펴보겠습니.. 2020. 12. 11.
HTML 14단계 - 폼(Form) 2탄 안녕하세요 HTML 14단계 폼(Form) 2탄 시간이 돌아왔습니다. 저번 시간에는 폼(Form) 1탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 14단계 폼(Form) 2탄을 시작해볼께요~ ▣ 폼(Form) - 입력양식의 형식 홈페이지에서 사용자에게 정보를 입력받거나 페이지와 페이지의 정보를 주고 받을때 여러가지의 입력방식을 사용합니다. 사용자가 실질적으로 값을 넣을 수 있는 인풋 박스, 텍스트 박스, 체크 박스 등이 위치하여 여러가지 정보들을 입력할 수 있게 해줍니다. 이번시간부터는 입력양식에 어떤것들이 있는지와 어떻게 사용하는지를 자세히 살펴보도록 하겠습니다. 1. 텍스트 필드(Text Field) 텍스트 필드(Text Fiel.. 2020. 12. 11.
HTML 13단계 - 폼(Form) 1탄 안녕하세요 HTML 13단계 폼(Form) 1탄 시간이 돌아왔습니다. 저번 시간에는 메타(Meta) 태그를 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 13단계 폼(Form) 1탄을 시작해볼께요~ ▣ 폼(Form) 폼(Form)은 홈페이지에서 사용자에게 정보를 입력받거나 페이지와 페이지의 정보를 주고 받을때 사용합니다. 사용자가 홈페이지에서 회원가입을 하거나 쇼핑몰에서 주문을 하는 경우 사용자의 정보를 입력받을 필요가 있습니다. 이때 폼(Form) 페이지를 제공하여 정보를 입력하게 한 다음에 이를 처리하는 페이지를 만들어 DB에 저장을 합니다. 만약에 회원가입 입력폼을 member.html 이라고 한다면 member_reg.php와 같은.. 2020. 12. 11.
HTML 12단계 - 메타(META) 태그 안녕하세요 HTML 12단계 메타(Meta) 태그 시간이 돌아왔습니다. 저번 시간에는 레이아웃(Layout)을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 12단계 메타(Meta) 태그를 시작해볼께요~ ▣ 메타(Meta) 태그 메타(Meta) 태그는 HTML 문서가 어떤 내용을 담고 있고 문서의 키워드는 무엇이며, 누가 만들었는지, 언제 만들었는지 등의 문서의 자세한 내용과 특성을 나타내는 부분입니다. 메타(Meta) 태그는 문서의 헤더부분 의 사이에 위치하여야 하며, 메타(Meta) 태그에서 가장 일반적으로 사용되는 속성은 name, content 속성이 있습니다. 메타(Meta) 태그 name의 속성값으로는 title, subject.. 2020. 12. 10.
HTML 11단계 - 레이아웃(Layout) 안녕하세요 HTML 11단계 레이아웃(Layout) 시간이 돌아왔습니다. 저번 시간에는 폰트(font)를 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 11단계 레이아웃(Layout)을 시작해볼께요~ ▣ HTML 레이아웃(Layout) 국내 대부분의 홈페이지는 HTML 같은 마크업 언어는 문서의 구조만 표시하고, 화면에 어떻게 출력할 것인가를 결정하는 것은 CSS를 사용하는 방식으로 많이 발전되고 있습니다. 테이블 태그를 전혀 사용하지 않고(데이터가 들어있는 표에서만 사용) CSS를 이용하여 레이아웃을 잡는 것이 쉽지가 않습니다. 아직까지도 대형 포털 사이트를 제외하고는 대부분의 사이트에서는 여러 태그 및 다양한 방법으로 레이아웃 구성을 .. 2020. 12. 10.
HTML 10단계 - 폰트(Font) 안녕하세요 HTML 10단계 폰트(font) 시간이 돌아왔습니다. 저번 시간에는 테이블(table) 2탄을 알아봤는데요 혹시나 잊지는 않으셨겠죠?~ 오늘도 화이팅하며, 부담없이 봐주시면 감사하겠습니다. 자 그럼 HTML 10단계 폰트(font)를 시작해볼께요~ 저번 시간에 이어서 자주 사용하는 테이블(table) 속성을 몇가지 더 살펴보겠습니다. ▣ HTML 폰트(Font) 태그는 글자를 꾸미는데 있어 가장 기본이 되는 태그 입니다. 태그는 기본적으로 size(크기), color(색상), face(글꼴) 3가지 속성이 있습니다. 자 그럼 먼저 size의 예문 소스를 살펴보겠습니다. 글자 크기 2020. 12. 9.
반응형