HTML37 웹 폼 구조화를 위한 HTML fieldset 태그 활용 방법 FIELDSET 태그란? 태그 역시 이나 과 같이 구역을 나누는 역할을 합니다. HTML 폼 요소를 그룹화하고 가독성있게 만듭니다. 관련있는 폼끼리 그룹으로 묶을 때 fieldset 태그를 활용하게 됩니다. 사용법 개인정보 .... ... 배송정보 .... ... 태그는 열고 닫아야 하는 태그입니다 class나 id 외에 별다른 속성은 없습니다 폼 내에서 성격상 그룹으로 묶어야 하는 곳에 사용합니다. 위치는 바로 밑입니다 같이 사용되는 태그 태그는 , , , 과 같이 폼을 구성하는 태그들과 함께 어울립니다. : 웹 폼을 정의하는 태그 관련포스트 : 사용자로부터 데이터를 입력받는 폼 요소를 생성하는 태그 관련포스트 : 폼 요소의 설명을 제공하고 연결하는 태그 관련포스트 : 버튼을 생성하는 태그 관련포스트 2023. 6. 10. 매력적인 이미지 설명을 위한 HTML figcaption 태그 활용 방법 FIGCAPTION 태그란? 태그는 figure caption의 약자입니다. 태그와 함께 HTML5에서 도입되었습니다. 이미지, 동영상 같은 미디어가 어떤 것인지 설명하는 태그입니다. 하위 태그로 활용됩니다. 활용법 이미지 캡션 figcaption 태그는 열고 닫아야 하는 태그입니다 과 사이에 설명하는 텍스트를 입력합니다 예시 See the Pen figcaption by 40's Programmer (@40sProgrammer) on CodePen. 고양이 이미지 하단에 설명하는 캡션이 잘 붙는 것을 확인할 수 있습니다. 2023. 6. 9. 효과적인 이미지 및 콘텐츠 표현을 위한 HTML figure 태그 활용 FIGURE 태그란? 태그는 HTML5에서 도입되었습니다. 이미지, 그래픽, 동영상 컨텐츠와 설명을 그룹화하는 태그입니다. 사실 기능이 있다기 보다 이나 태그처럼 이 컨텐츠는 어떤 컨텐츠이다 알려주는 겁니다. 검색엔진이 잘 찾아볼 수 있도록 구조화하기 위한 태그이고 SEO에 중요합니다. 활용법 이미지 캡션 figure 태그는 열고 닫아야 하는 태그입니다 별다른 속성값이 없는 심플한 태그입니다 와 함께 다니는 태그 : 이미지를 삽입할 때 사용되는 태그 : 동영상을 삽입할 때 사용되는 태그 : 콘텐츠의 설명(캡션)을 표시할 때 사용되는 태그 2023. 6. 8. HTML Form 태그 : 효과적인 웹 폼 디자인과 상호작용을 위한 태그 FORM 태그란? 태그는 다양한 폼 요소를 생성하는 태그입니다. 폼은 우리가 흔히 보는 입력 창 등을 말합니다. 우리가 자주 쓰는 이메일도 여러가지 폼으로 구성되어 있죠. 제목, 수신/참조, 내용, 첨부파일 등 하지만, FORM 태그만 쓴다고 위의 모든 입력폼을 만들 수는 없습니다. 관련된 태그들이 같이 따라다녀요. 활용법 .... ... form 태그는 열고 닫아야 하는 태그입니다 method : 데이터의 전송 방식을 설정하는데 보통 post 또는 get으로 설정합니다 post, get은 HTTP를 활용한 방식입니다. get 방식 : URL에 요청값을 같이 보내는 방식이에요. 예를 들면 http://example.com/search?query=apple 이런 URL을 접해봤을텐데 apple이라는 검색어.. 2023. 6. 7. 이전 1 2 3 4 5 6 7 8 ··· 10 다음