목록웹개발/HTML (8)
IT'S YU
태그는 Division의 약자, 레이아웃을 나누는데 주로 쓰임 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다. 정의 태그는 태그자체는 특별한 의미가 없으며 문서의 영역을 지정하는데 사용합니다. 설명 id속성이나 class속성을 이용하여 식별자를 지정한다. 이러한 식별자로 CSS를 적용합니다. div요소는 다른 적절한 요소가 없는 경우 마지막 방편으로 사용하기를 강력히 권장합니다. 그렇지 않으면 접근성을 어렵게 할뿐만 아니라 관리의 어려움을 겪게 됩니다. 즉 블로그 포스트는 article요소를, 챕터는 section요소를, 페이지 네비게이션은 nav요소를, 폼 컨트롤 그룹은 fieldset요소를 이용할 수 있습니다. div요소는 ..
HTML attribute(속성)과 CSS property(속성)의 차이 attribute=> html '태그'의 '속성'을 의미 property=>css의 '속성'을 의미 ex) http://mypic.svg" alt="내 사진"> img 태그의 속성 attribute -> HTML의 속성을 의미 *태그의 alt 속성은 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시 ex) img { width:100%; } css의 속성 property attribute : 태그 안에서 명시되는 태그의 속성들 property: CSS 파일 내에 스타일 적용을 위해 사용하는 속성들 [출처] HTML attribute(속성) CSS property(속성)의 차이|작성자 maruya
1. 폼 태그란? 폼 전체를 묶어서 데이터를 액션 페이지로 전송하는 태그 2. 폼 구역 태그 - fieldset: 폼의 구역을 나누는 태그(부모) - legend: 폼 구역의 직접 작성 태그(자손) 3. 폼 태그 기본 양식 태그 input: 사용자가 입력할 수 있는 입력 양식들을 의미하는 태그 text: 한 줄 텍스트 입력 상자 password: 텍스트 입력 시 암호화 처리 되는 입력 상자 checkbox: 설문조사 시 이용되는 네모 체크박스 상자 radio: 여러 개 중 하나만 체크되는 원형 체크박스 상자 button: 일반 버튼 형태 reset: 데이터 입력 취소 버튼 submit: 데이터 전송 버튼 image: 이미지 삽입 버튼 file: 컴퓨터 파일 찾기 버튼 4. input 태그의 속성명들 in..
HTML의 렌더링 방식 - HTML이 브라우저에 태그를 렌더링 할 때에는 display 속성에 따른다. * 렌더링 : 서버로부터 HTML파일을 받아서 브라우저에 뿌려주는 과정. 즉 HTML파일을 받아와서 우리에게 보여주는것 display 속성 - 요소를 어떻게 표시할지를 선택하는 것 1. block : 혼자 자리를 차지해야하는 요소 앞뒤로 다른 요소들을 밀어내고 한 줄을 차지함 block은 height와 width 값을 지정 할 수 있다. block은 margin과 padding을 지정 할 수 있다. display 속성 값이 블록인 요소는 언제나 새로운 줄(line)로 바뀜. 해당 줄의 모든 너비를 차지함(width: 100%) ~ 요소 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용 2. in..