Front/HTML14 [HTML5] semantic 태그 시맨틱 태그의 종류 - 시맨틱(semantic) : 의미론적인의 뜻을 가지고 있음. 즉, 의미가 있는 태그라는 뜻. - HTML5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미가 있는 태그를 제공함. 1. header 태그 : 브라우저의 상단에 존재하는 태그. 회사의 로고, 회원가입, 로그인 버튼들을 나타내는 태그. 2. footer 태그 : 브라우저의 하단에 존재하는 태그. 일반적으로 저작권, 회사의 주소에 대한 정보를 나타내는 태그. 3. article 태그 : 일반적으로 웹 문서의 본문에 해당하는 내용을 작성하는 태그. 4. section 태그 : 문서의 일반적인 영역을 설정하는 태그. article 태그 사용이 가능함. 5. aside 태그 : 문서의 별도 컨텐츠 영역, 보통 광고나 기타 링크.. 2021. 4. 20. [HTML5] fieldset 태그 * fieldset 태그 : HTML태그들을 하나로 그룹화 시키는 역할을 하는 태그. * legend 태그 : fieldset 태그에 제목을 부여하는 태그 필수 입력 사항 이 름 : 아이디 : 이메일 : 연락처 : 선택 입력 사항 운동 여행 독서 잠자기 숨쉬기 남 여 2021. 4. 20. [HTML5] form 태그 * form 태그 : 사용자에게 입력을 받을 데이터 양식을 설정하는 태그. * input 태그 속성 - autocomplate : 사용자가 이전에 입력한 값으로 자동완성기능을 사용할 것인지 여부. ==> on(default) or off - autofocus : 페이지가 로드될 때 자동으로 포커스를 이동할지 여부 확인. - checked : 양식이 선택되었음을 표시할 지 여부 확인. ==> type 속성 값이 radio, checkbox인 경우만 사용 가능. - disabled : 양식을 비활성화할지 여부 확인. - max : 지정 가능한 최대값 설정. ==> type 속성이 number일 경우만 사용 가능. min 속성보다 큰 값만 허용. - min : 지정 가능한 최소값 설정. ==> type 속성이.. 2021. 4. 20. [HTML5] HTML5 기본 개념 및 참고 사이트 웹에서 표준으로 사용되는 기술이나 규칙을 의미하며, 이는 특정 브라우저에서만 사용되는 비 표준화된 기술은 배제하고, W3C의 토론을 통해서 나온 권고안을 사용하는 것을 말하며 웹 문서의 구조(HTML5)와 표현(CSS3), 그리고 동작(JavaScript, JQuery)을 구분해서 사용하는 것을 뜻함. HTML5 : 웹 문서의 구조 작성 CSS3 : 웹 문서의 디자인 적용 JQuery : 웹 문서의 동적인 기능 담당(JavaScript 최신 버전) [참고사이트] : http://w3schools.com W3Schools Online Web Tutorials HTML Example: This is a heading This is a paragraph. Try it Yourself » CSS Example:.. 2021. 4. 20. [HTML4] iframe, frameset, frame 태그 * iframe 태그 : 내부 프레임(inline frame) 이라는 의미로 하나의 html문서 내부에 다른 html문서를 보여주고자 할때 사용하는 태그. * iframe 태그 속성 - src : iframe에 삽입될 문서의 주소 - width : iframe에 너비 지정(px or %) - height : iframe에 높이 지정(px or %) - scrolling : iframe에 스크롤바 설정 유무를 지정.==> yes(스크롤바 설치),no(스크롤바 없애), auto(자동) - frameborder : iframe의 테두리를 표시할지 여부 선택.==> 1(테두리가 있음), 0(테두리가 없음) Insert title here * frameset 태그 - 여러 개의 html문서를 동시에 한 화면에 나.. 2021. 4. 20. [HTML4] table 태그 * table(테이블) 태그 ==> 데이터 표를 만드는 태그. - rowspan 속성 : 테이블에서 행을 병합하는 속성. - colspan 속성 : 테이블에서 열을 병합하는 속성. - tr 태그 : 테이블의 행을 만드는 태그. - th 태그 : 테이블의 열(타이틀-제목)을 만드는 태그. 진하게(bold) 처리가 되어 화면에 나타난다. 제목(타이틀)이 가운데 정렬이 되어 화면에 나타난다. - td 태그 : 테이블의 열을 만드는 태그. 아이디 이 름 나 이 hong 홍길동 27 lee 이순신 32 you 유관순 25 차종 이미지 배기량 연료 연식 제조사 제네시스(쿠페) 2,000 가솔린 2015 현대자동차 소나타 2014 그랜져(HG) 3,000 디젤 2015 아반떼 1,800 가솔린 2014 i30 1,500 2021. 4. 20. 이전 1 2 3 다음
