웹 문서 입력 양식 지정하기
·
프론트엔드/HTML
여러 폼 요소 입력하거나 사용자가 웹 사이트로 정보를 보낼 수 있는 모든 요소 아이디, 비밀번호, 로그인 버튼, 회원 가입 등.. 몇 가지 속성을 사용해서 입력 받은 자료를 어떤 방식으로 서버로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리를 할 것인지 지정 의 속성 method method : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘길지 지정 get : 입력한 내용의 길이에 제한이 있다. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. post : 입력한 내용의 길이에 제한을 받지 않고, 사용자가 입력한 내용도 드러나지 않는다. name name : 자바 스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정한다. action /*여러 폼 요소*/ action : 태그 안의 내용..
웹 문서 입력 방법
·
프론트엔드/HTML
텍스트 입력하기 제목을 나타냄 h는 heading의 줄임말 n의 자리에는 1~6의 숫자가 들어감 이 제일 크고 이 제일 작다 텍스트 단락을 만듦 와 사이에 텍스트를 입력하면 텍스트 앞 뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한 줄로 표시된다. 줄을 바꿈 닫는 태그가 필요없음 💡 태그를 두 번 사용하면 빈 줄이 생기면서 텍스트 단락이 나뉜 것 처럼 표시할 수 있지만 이것은 실제로 단락이 만들어진게 아니다. 이때 CSS를 사용한다면 문제가 생길 수 있으므로 단락을 만들 때는 를 사용하는게 옳다. 인용할 때 사용 다른 텍스트 보다 살짝 안으로 들여쓴 형태가 된다. , 텍스트를 굵게 표시 : 경고나 주의 사항을 강조할 때 : 단순히 글자만 굵게 할 때 , ..
HTML 기본 구조
·
프론트엔드/HTML
HTML 웹 문서를 만드는 언어 Hyper Text Markup Language HyperText = 문서를 연결해 주는 링크 Markup = 표시한다 태그 : 웹 브라우저가 어느 부분이 제목, 텍스트, 또는 표인지 구별할 수 있도록 꼬리표를 붙인 것 HTML의 기본 구조 : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻 문서 유형을 지정하는 태그 ~ : 웹 문서의 시작과 끝을 나타내는 태그 웹 브라우저가 을 만나면 까지 소스를 읽어 화면에 표시한다. 뒤에는 아무 내용도 없어야 한다 : 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 부분 보통 웹 브라우저의 화면에는 보이지 않는다. 문서에서 사용할 스타일 시트 파일을 연결하기도 함 문자 세트와 문서 정보가 들어있는 태그 웹 브라우저에는..