본문 바로가기

Front-End64

[HTML] form 태그(★★★★★) form 태그 사용자에게 입력을 받을 데이터 양식을 설정하는 태그 * input 태그 속성 - autocomplate : 사용자가 이전에 입력한 값으로 자동완성기능을 사용할 것인지 여부 => on(default) or off - autofocus : 페이지가 로드될 때 자동으로 포커스를 이동할지 여부 확인 - checked : 양식이 선택되었음을 표시할 지 여부 확인 ==> type 속성 값이 radio, checkbox인 경우만 사용이 가능 - disabled : 양식을 비활성화할지 여부 확인 - max : 지정 가능한 최대값 설정 ==> type 속성이 number일 경우에만 사용 가능 min 속성보다 큰 값만 허용 - min : 지정 가능한 최소값 설정 ==> type 속성이 number일 경우에만.. 2021. 10. 26.
[HTML] dl 태그, dt 태그, dd 태그 용어를 정의하고 용어를 설명하는 태그 태그는 definition list(정의 목록)의 약자로, 사전처럼 용어를 설명하는 목록을 만듦. 는 definition term(정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용. 는 definition description(정의 설명)의 약자로, 용어를 설명하는 데 사용. 용어 정의 목록 키보드 컴퓨터에 문자를 입력하는 장치이다. 마우스 화면의 커서를 요리조리 움직이고 버튼을 올려서 선택하는 장치이다. 노트북 가지고 다니면서 영화도 보고 웹 서핑도 하는 장치이다. 작고 가벼운 컴퓨터이다. 를 사용하면 자동으로 들여쓰기가 되는 것을 볼 수 있다. 2021. 10. 26.
[HTML] span 태그 span 태그 태그는 CSS와 함께 쓰입니다. 주로 와 태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용됩니다. span 태그안에 아무런 컨텐츠가 없다면 해당 부분은 아무런 변화가 없지만 span태그 내부에 객체가 들어가면 그 객체의 크기만큼 공간이 할당이 됩니다. 태그로 요소를 감싸면 CSS나 Javascript로 그 부분을 변형시키는것이 가능해 집니다. 이제 웹 표준의 역할은 아주 중요하게 되었습니다. 2021. 10. 26.
[HTML5] HTML5 기본 개념, 웹 표준 HTML과 CSS(Cascading Style Sheet)를 배우는 이유 1. 게시판이나 블로그를 좀 더 자유롭게 꾸밀 수 있음. 2. 웹사이트 제작을 위해서는 HTML5와 CSS3가 필수적임. 3. 인터렉티브한 웹 사이트를 만들 수 있음. 4. 플래시 플러그(가장 큰 이유)인이 없이도 멀티미디어 콘텐츠 제작이 가능함. 5. 반응형 웹 사이트를 만들 수 있음 6. 모바일용 앱을 만들 수 있음. [참고사이트] : 2021. 10. 26.
[HTML] table 태그(tr 태그, th 태그, td 태그, table 속성) table(테이블) 태그 : 데이터 표를 만드는 태그. - tr 태그 : 테이블의 행을 만드는 태그. - th 태그 : 테이블의 열(타이틀-제목)을 만드는 태그. - td 태그 : 테이블의 열을 만드는 태그. table 속성 : colspan, rowspan, border, bgcolor, width, height, cellpadding, cellspacing, align, valign 등 ● colspan : column span 약자로, 셀(가로줄)을 합치는 개수를 지정 ● rowspan : row span이란 뜻으로 셀(세로줄)을 합치는 개수를 지정 ● border : 테이블 경계선 굵기를 지정(예: border="10") ● width : 너비를 지정(픽셀이나, %) ● height : 높이를 지.. 2021. 10. 26.
[HTML] 이미지 태그(img 태그) 이미지 태그 보통 위와 같이 사용하며, src 속성에 이미지 주소를 넣어 사용한다. 이 img 요소에서 src 속성과 alt의 속성은 필수 속성임. 보통 src 속성만 사용하는 경우가 있는데, alt 역시 써주는게 좋음(예외 방지) 예제를 통해 아래 속성들을 자세히 보자, src url 지정하는 방법 1. 상대경로 2. 절대경로 3. 웹서버 주소 상대경로 상대경로는 이미지를 표시할 HTML 문서의 위치를 기준으로 이미지 소스 파일의 위치를 인식하는 방식 상대경로를 지정하기 위해서는 다음의 기호들을 적절히 사용해주어야 합니다. / : ~에 있는 . : 이미지를 표시할 HTML 문서의 위치 .. : 상위 폴더 HTML 문서가 있는 위치, WebContent라는 폴더 안에는 images 라는 폴더가 함께 있는.. 2021. 10. 25.