Study Record

웹에서 사용자가 입력할 부분은 주로 태그를 이용해 넣는다. 폼에서 사용자 입력을 받기 위해 사용하는 태그이다.   태그로 입력 항목 만들기웹에서의 폼은 크게 사용자가 입력하는 부분과 입력한 내용을 서버로 보내는 버튼 부분으로 나눌 수 있다. input 태그로 만들 수 있는 폼 요소가 상당히 많은데 그것은 type 속성을 이용해 구분한다.  + id 속성 사용하기여러번 사용된 폼 요소를 구분하기 위해 사용하는 것이 id속성이다. 히든 필드 만들기(type="hidden")히든 필드는 화면상의 폼에는 보이지 않지만 사용자가 입력을 마치고 폼을 서버로 전송할 때 서버로 함께 전송되는 요소이다. 보통 사용자에게 굳이 보여 줄 필요가 없지만 관리자가 알아야 하는 것을 히든 필드로 입력한다.예를 들어, 회원가입 ..

폼(form)?웹 폼은 특정 항목에 사용자가 뭔가를 입력하는 형태로 우리가 익숙하게 사용하는 로그인 창이 바로 웹 폼을 이용한 대표적인 사례이다.   태그로 폼 만들기 태그는 폼을 만드는 가장 기본적인 태그로 태그 안에 여러가지 폼 관련 태그를 넣는다.method : 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. - get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. - post : 입력 길이 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다.name : 폼의 이름을 지전한다.action : 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다.target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 지정한..

순서 없는 목록 만들기 , 태그순서가 필요하지 않는 목록을 만들 때는 ul 태그를 사용하고 각 항목으로 li 태그를 사용한다. 일반 전화 이메일 휴대 전화 순서 있는 목록 만들기 , 태그항목을 나열하되 순서가 필요한 목록을 만들 때는 태그 대신 태그로 사용한다. 여러 속성들과 함께 사용하여 목록의 숫자 표기 방법이나 시작하는 숫자 등을 바꿀 수 있다.  한라 수목원 산방산 광교산 설악산 해수욕장 한라 수목원 산방산 광교산 설악산 해수욕장   태그 생략과 목록 중첩 태그를 생략해도 태그가 다음에 오는 태그를 만나면 자동으로 그 전에 태그가 있는 것처럼 인식한다. 한라 수목원 산방산 광교산 설악산 해수..

HTML 로 웹 사이트를 만들고 그 내용을 다른 사람이 볼 수 있도록 하려면 HTML로 만든 웹 문서를 모두 서버 컴퓨터로 옮겨야 한다. 개인은 웹 서버를 마련하기 어렵기 때문에 서버의 일부 공간을 매달 또는 몇 년마다 일정 금액을 내고 사용하는 서비스를 이용한다. 이것을 서버 호스팅 서비스 또는 웹 호스팅 서비스라고 한다.  무료 호스팅 서비스 닷홈웹 문서들을 업로드할 수 있는 무료 쉡 서버 공간 중 하나로 닷홈의 호스팅 서비스를 이용할 수 있습니다. 닷홈은 1년 간 무료로 사용할 수 있으며 1년이 지나면 연장 신청을 해야 무료로 계속 사용할 수 있다.  https://www.dothome.co.kr/ 무료홈페이지 | 무료호스팅 | 닷홈닷홈은 도메인, 무료호스팅, 무료홈페이지, 웹호스팅, 웹메일, SS..

특수 문자 입력하기기본적으로 "자음 + 한자" 키를 누르면 마우스 커서 바로 아래나 화면 오른쪽 구석에 특수 문자가 표시된다.   특수 기호 입력하기HTML 소스에서 공백이나 괄호같은 문자들은 소스 기호로 인식하지 않고 그대로 화면에 인식하기 때문에 여러 개의 공백을 나타내려면 공백을 나타내는 특수 기호를 사용해야 한다. 검색창에 "HTML 특수 기호 엔티티 테이블"을 검색하면 된다. 화면표시특수 기호화면표시특수기호&&(공백 한 칸) <>>""||(()),,--'´    *공백에 관하여서는 태그를 사용하면 소스에 표시한 공백이 브라우저에 그대로 표시된다.

시맨틱 태그란?문서 구조를 정의할 수 있는 새로운 요소들이 도입되어 태그만 보고도 쉽게 페이지 구조를 이해할 수 있다. 사람들이 소스를 쉽게 이해할 수 있도록 태그를 의미가 통하게, 즉 시맨틱 태그로 바뀐 것이다. 즉, 사람들이 소스를 쉽게 이해할 수 있도록 의미가 통하는이라는 영어 단어를 사용한 말로 HTML5부터 도입된 태그를 시맨틱 태그라고 한다.  레이아웃을 위한 HTML5 시맨틱 태그들  사랑합니다   웹 브라우저 버전 고려하기HTML5 태그를 지원하지 않는 브라우저들이 있다. 모든 사용자들이 최신 웹 브라우저를 사용하는 것은 아니기 때문에 그런 사용자들까지 고려해야 한다. 브라우저는 자신이 인식하지 못하는 태그를 만나게 되면 인라인 태그로 취급하게 된다. 하지만..

웹 문서와 이미지웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다.  파일 형식 GIF : 표시할 수 있는 색상 수가 최대 256가지뿐이지만 다른 이미지 형식에 비해 파일 크기가 작다. 투명한 배경이나 움직이는 이미지를 만들 수 있다. JPG/JPEG : 사진을 위해 개발된 형식으로 GIF보다 다양한 색상과 명암을 표현할 수 있다. 저장을 반복하면 화질이 떨어질 수 있다. 투명한 배경을 만들 수 없다. PNG : 투명 배경을 만들면서 다양한 색상도 표현할 수 있다. 네트워크용으로도 개발되었기 때문에 많이 사용된다.   태그웹 문서에 이미지를 삽일할 때 사용한다.- src 속성 : 이미지 파일 경로를 설정한다. ..

태그에는 이름과 속성이 있습니다.   문서 유형을 지정하는 태그이다. 웹 브라우저는 처음으로 이 태그를 보고 HTML5에 맞춰 문서를 해석하면 되겠구나 이해할 수 있다.  문서 유형을 태그로 선언한 후 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그이다. 태그는 웹 문서가 시작된다는 뜻이고 태그는 웹 문서가 끝났다는 뜻이다. lang 속성으로 사용할 언어를 지정할 수 있다. 언어를 지정하지 않는 경우 언어를 제한해서 검색할 때 검색되지 않는다. 또한 화면 낭독기에서 웹 문서를 소리내어 읽어줄 때 언어가 명시되면 그 언어에 맞추어 발음하는 억양, 목소리 등을 다르게 해서 들려줄 수 있다.* 두 자리 국가별 언어 코드는 ISO 639-1 표준에 정해져 있다.  주석 달기   브라우저에..