JuinThyme

태그 - 머리말 지정하기 사이트 전체의 헤더는 주로 페이지 맨 위쪽이나 왼쪽에 삽입하며 헤더의 내용으로는 주로 태그를 사용해 검색 창을 넣거나 태그를 사용해 사이트 메뉴를 넣는다. 태그는 본문 중에 사용해 해당 부분의 머리말로 사용할 수 있다. 태그 - 문서를 연결하는 내비게이션 링크 내비게이션 역할을 하는 태그다. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음을 나탄내다. 태그는 내비게이션 메뉴 뿐만 아니라 푸터에 있는 사이트 링크 모음 부분에도 많이 사용한다. 태그 - 주제별 콘텐츠 영역 나타내기 태그는 문서에 콘텐츠 영역을 나타낸다. 문맥 흐름 중에서 콘텐츠를 주제별로 묶을 때 사용하며 그 안에는 섹션 제목을 나타내는 ~ 제목 태그가 함께 사용된다. 태그 - 콘텐츠 내용 넣기 ..

IT/HTML 및 CSS 2021. 5. 10. 18:48

태그 - 버튼 넣기 태그에서 type을 buttn, submit, reset 를 지정하면 해당 기능을 가진 버튼이 표출됐다. 태그 말고도 태그를 이용해서 버튼을 표출할 수 있다. 내용 속성 submit : 폼을 서버로 전송한다. reset : 폼에 입력한 모든 내용을 초기화한다. button : 버튼 형태만 만들 뿐 자체 기능은 없다. 태그 - 계산 결과 태그는 입력하는 값이 계산 결과라는 것을 브라우저에 알려준다. 내용 + = num1.value는 input 태그의 첫 번째 필드에 입력된 값이다. num2.value는 input 태그의 두 번째 필드에 입력된 값이다. 태그 - 진행 상태 보여주기 태그는 작업 진행 상태를 나타낼 때 사용하는 태그다. 작업 시작을 0으로 하고 최종 완료를 최댓값으로 해 얼..

IT/HTML 및 CSS 2021. 4. 8. 19:53

type="submit", type="reset" - 서버 전송, 리셋 버튼 넣기 리셋(reset) 버튼은 요소에 입력된 모든 정보를 재 설정해 사용자가 입력한 내용을 모두 지울 수 있다. type="submit"은 사용자가 입력한 정보를 서버로 전송하는 버튼을 넣는다. 태그에서 지정한 폼 처리 프로그램으로 넘긴다. 메일주소 type="image" - 이미지 버튼 넣기 submit 버튼 대신에 이미지를 넣어서 서버로 전송하는 이미지 버튼을 넣는다. 기능은 submit 버튼을 클릭할 때처럼 사용자가 입력한 정보를 폼 처리 프로그램으로 전달된다. 아이디 비밀번호 type="button" - 버튼 넣기 폼 안에 버튼 형태를 만든다. submit이나 reset 같은 자체 기능이 없는 버튼만 넣는다. 그래서 버튼..

IT/HTML 및 CSS 2021. 4. 5. 20:00

태그 - 폼 만들기 폼 요소 태그 속성 값 method : 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. get : 주소 표시줄에 사용자가 입력한 값이 그대로 드러난다. post : 사용자의 입력을 표준 입력(standart input)으로 넘겨주기 때문에 입력한 내용의 길이에 제한을 받지 않고, 입력한 내용이 드러나지 않는다. name : 폼의 이름을 지정한다. action : 태그 안의 내용들을 처리해줄 서버 상의 프로그램을 지정한다. target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도로 지정한다. autocomplete 속성 - 자동 완성 기능 검색창이나 로그인 창에 내용을 입력할 때 이전에 입력했던 내용이 아래에 표시되는 것이다. 속성을 '..

IT/HTML 및 CSS 2021. 3. 31. 22:07

태그, href 속성 - 링크 만들기 웹 사이트에서 클릭했을 때 다른 페이지로 넘어가지 않는 요소가 거의 없을 정도로 링크는 웹 상에서 널리 사용되고 있다. '메뉴'에도 링크가 적용되어있다. 링크를 만드는 태그는 텍스트와 함께 사용하면 텍스트 링크가 되고 이미지와 함께 사용하면 이미지 링크가 된다. 텍스트 속성 href : 링크한 문서나 사이트의 주소를 입력한다. target : 링크한 내용이 표시될 위치(현재 창 또는 새창)를 지정한다. download : 링크한 내용을 보여주는 것이 아니라 다운로드 한다. rel : 현재 문서와 링크한 문서의 관계를 알려준다. hreflang : 링크한 문서의 언어를 지정한다. type : 링크한 문서의 파일 유형을 알려준다. 텍스트 링크의 글자 색상 바꾸기 기본적으..

IT/HTML 및 CSS 2021. 3. 30. 12:23

태그, 태그 - 순서 없는 목록 만들기 순서가 필요하지 않는 목록(unordered list)을 만들 때 태그를 사용하고 태그 안에 태그를 사용해 각 항목을 표시한다. 각 항목 앞에 작은 원이나 사격형 같은 블릿이 붙는다. 목록 1 목록 2 목록 2 실행 화면 태그, 태그 - 순서 목록 만들기 태그에는 순서와 관련된 몇 가지 속성이 있으므로 속성 값에 조금씩 다른 형태로 표시할 수 있다. type 종류 1 : 숫자(기본값) a : 영문 소문자 A : 영문 대문자 i : 로마숫자 소문자 I : 로마숫자 대문자 start 속성 : 순서 목록을 기본적으로 1부터 시작하는데 start 속성을 이용하면 중간 번호부터 시작할 수 있다. reverse 속성 : 항목을 역순으로 표시한다. 박물관 미술관 경복궁 박물관 ..

IT/HTML 및 CSS 2021. 3. 29. 22:35

태그 - 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시된다. 태그는 제목을 뜻하는 heading의 줄임말로 'h'와 제목 크기를 나타내는 숫자(1~6)를 사용해서 제목을 표시할 수 있다. 제목 태그 - 단락 만들기 텍스트를 표시할 때 가장 많이 사용하는 태그다. 태그는 parapraph의 줄임말로, 텍스트 단락을 만드는데 이때 '단락'이란 앞 뒤에 줄바꿈이 있는 텍스트 덩어리를 말한다. 태그로 시작해서 만날 때까지 줄바꿈 없이 텍스트를 한 줄로 표시한다. 텍스트 태그 - 줄 바꾸기 텍스트 단락에서 줄바꿈을 하더라도 웹 브라우저 창에는 줄바꿈 없이 한줄로 표시된다. 줄바꿈을 할 경우 줄 바꿀 위치에 태그를 사용한다. 태그 - 수평 줄 넣기 태그는 horizontal의 줄임말로 수평 줄을 사..

IT/HTML 및 CSS 2021. 3. 27. 21:34

HTML을 하다보면 굉장히 많이 사용되는 태그 중 하나인 태그가 있다. 표로 만들어주는 HTML 태그인데, 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않지만 웹 사이트 전체의 레이아웃 고강간을 배치할 때 사용됐다. 테이블 만들기 주제 태그 비고 테이블의 구성 요소 테이블을 만드는 태그 테이블의 헤더부분을 만드는 태그 테이블의 행을 만든느 태그 테이블의 열을 만드는 태그 테이블을 만드는 순서는 다음과 같다. 태그가 시작되고, 태그 안쪽에 태그와 다른 태그를 이용해서 작성한다. 테이블의 헤드 부분을 태그를 이용해 구분 짓는다.

IT/HTML 및 CSS 2021. 3. 21. 14:51