내가 알아가는 내용을 같이 공유하는 공간

안녕하세요. 오늘은 HTML에 중요한 요소 중 하나인 폼(Form)에 대해 알아볼게요. Form(폼) 폼은 사용자가 웹 사이트로 정보를 보낼 수 있는 요소로 텍스트 필드, 체크박스, 라디오 버튼, 송신버튼 등 다양한 유형의 입력요소를 위한 컨테이너예요. 화면에 표시된 아이디와 비밀번호, 로그인 버튼, 회원 가입 등이 있어요. 폼의 동작 방식# 로그인 기준// 사용자가 아이디/비밀번호 입력 후 [로그인]버튼 클릭// -> 입력한 정보가 웹 서버로 전송 // -> 서버는 자신이 가진 데이터베이스에서 // 입력 받은 아이디와 비밀번호가 일치하는지 확인// -> 그 결과를 웹 브라우저에 전송 폼 태그 여러 폼 요소폼 태그는 속성을 사용해서 입력받은 자료를 어떤 방식으로 서버로 넘길 것인지 서버에서 어떤..

안녕하세요. 오늘은 HTML의 TEXT태그 종류에 알아볼게요. 태그 hn태그는 제목을 나타내는 태그로 n자리에 1~6의 숫자 입력으로 제목 크기를 조절이 가능해요. , 태그 p태그는 텍스트 단락을 만드는 문단 태그예요.//기본형첫번째 단락입니다.두번째 단락입니다.와 태그 사이에 텍스트 입력해야 해요. 편집기에서 줄 변경한다면 웹 브라우저에서는 한 줄로 표시가 돼요. 태그 br태그는 텍스트 단락에서 줄 바꿈이 가능해요. 그리고 단독으로 사용이 가능해서 닫는 태그를 사용할 필요가 없어요. 요소 span요소는 텍스트의 일부 또는 문서의 일부를 표시하기 위해 사용되는 인라인 컨테이너로 필수 속성이 없지만 style, class 및 id를 공통으로 사용할 수 있어요. 추가로 CSS와 함께 사용하..

안녕하세요. 오늘은 HTML의 요소(Element)에 대해 알아볼게요. HTML Element HTML 문서나 웹 페이지를 이루는 개별적인 요소를 의미하며, 문서 객체 모델(DOM)로 파싱 되어 구조화돼요. HTML 요소의 구조그림과 같이 HTML의 요소는 여는 태그, 닫는 태그, 내용을 통틀어 요소로 통합이 돼요. 즉 시작 태그에서 끝 태그까지의 모든 것이 요소라고 보면 됩니다. 여는 태그(Opening tag)는 요소의 이름과(이 경우 p), 열고 닫는 꺽쇠 괄호로 구성 요소가 시작(이 경우 단락의 시작 부분)부터 효과가 적용되기 시작이 돼요. 닫는 태그(Closing tag)는 요소의 이름 앞에 슬래시(/)가 있는 것을 제외하면 여는 태그(opening tag)와 동일한 형태로 닫는 태그는 반드시..

안녕하세요. 오늘은 HTML에 알아볼게요. HTML이란? HTML은 HyperText Markup Language의 약어로 웹 페이지를 만들기 위한 표준 마크업 언어예요. ( ※ 주의 ※ HTML은 프로그래밍 언어가 아니에요! ) HyperText는 문서를 서로 '연결'해 주는 링크를 의미하고, Markup은 문서나 데이터의 텍스트 내에 특정 태그나 코드를 삽입하여 그 형식이나 구조, 스타일을 웹 브라우저에 지정하는 방식을 의미해요. 일반문서와 웹 문서의 차이 일반문서(엑셀, 워드 등) 내용 입력 프로그램 = 입력 내용 확인 프로그램 웹 문서 내용 입력 프로그램 ≠ 입력 내용 확인 프로그램웹 편집기(web editor)에서 마크업(Markup) 형식으로 작성>> 웹 브라우저(web browse..