사용자로부터 데이터를 입력받아 서버로 전달할 때 사용된다 서버에서는 데이터를 처리하여 실행 결과를 사용자에게 전달한다 텍스트 상자, 버튼 같은 형태의 폼을 만드는 데는 HTML사용(프론트엔드) 데이터를 처리하는 데는 서버 프로그래밍을 이용(백엔드) form 태그 폼을 만든다 action : 데이터를 처리할 서버 상의 스크립트 파일주소 method : 입력받은 데이터를 서버에 전달할 방식 지정(get|post) get:주소에 데이터를 추가하여 전달하는 방식, 데이터가 주소 입력창에 그대로 드러나며, 전송 데이터 크기가 제한적이다(4,096byte) post:데이터를 별도로 첨부하여 전달하는 방식, 데이터가 드러나지 않고 데이터 크기의 제한이 없다. 보안 및 활용성이 좋다. input 태그 폼에 입력하는 칸..
웹 페이지는 레이아웃을 구성하기 위해 공간을 분할하는데, 공간 분할 태그를 사용하면 레이아웃을 자유롭게 구성할 수 있다. div태그 div는 분할을 뜻한다 HTML요소를 논리적인 섹션으로 분할하여 스타일을 지정할 때 사용한다. 태그를 사용하여 공간을 분할하면 한 줄을 전부 차지 div는 블록 태그입니다. h3은 블록태그입니다. p는 블록태그입니다. span태그 텍스트를 분할하여 일부 텍스트에 스타일 속성을 지정할 때 사용한다. 텍스트 크기만큼 공간을 차지한다 //기본형식 내용 ////////// span태그는 인라인 태그 링크태그는 인라인 태그 q태그는 인라인 태그 블록태그와 인라인태그 블록 레벨 요소 : 내용을 블록으로 묶어서 처리하며 한 줄을 전부 차지, 너비(width)와 높이(height)를 가질..
HTML5에서는 웹 브라우저 안에서 멀티미디어(이미지,오디오,비디오)를 직접 재생이 가능하다 (꺽쇠기호 는 아쉽게도 쓰지 못했다. 이점 감안해 주시길) 이미지 태그 img img태그를 사용하여 웹페이지에 사진, 그림 등 이미지를 넣을 수 있다. src : 이미지 파일의 경로를 지정함 alt : 대체 텍스트를 지정함 width, height : 이미지의 너비와 높이를 지정함 오디오 태그 audio audio태그를 통해 웹 페이지에 오디오를 삽입 audio scr="이미지 주소" alt="대체문자열" controls video video태그를 통해 웹 페이지에 비디오 삽입 태그를 사용하면 미디어 파일을 여러 가지 형식으로 제공할 수 있다.
표와 관련된 태그 표를 작성하기 위해서는 태그를 사용해야한다. 표 작성 태그 : 표 제목 작성 : 행을 지정: 열을 지정:,(제목행) 표의 행이나 열을 합치고 싶다면? 행을 합칠때 : rowspan, colspan(세로로 합침) 내용 열을 합칠 떄 : colspan (가로로 합침) 내용
이번에는 리스트태그이다. 번호 없는 리스트 [ul, /ul] [li, /li] (Unordered list) 태그 안에 태그를 사용하여 각 항목을 표시함 순서가 없는 목록은 각 항목 앞에 작은 원이나 사각형등 불릿(bullet)이 붙는다 [예시] 아메리카노 카페라떼 핫초코 차 녹차 홍차 자스민차 [질문해야할 것] 사실 여기에서 빠뜨린 거 한가지는 '꽉찬 동그라미와 안이 텅 빈 동그라미를 어떻게 구분하여 코딩하나?' 인데 선생님께 질문을 안했다... 다음 시간에 질문해야되겠다.(내 예상엔 들여쓰기 차이인듯) 번호가 있는 리스트 [ol, /ol] [li, /li] : Ordered list ol태그는 순서가 있는 목록을 만들 때 사용된다. ol 태그 안에 있는 li태그를 사용하면 각 항목을 표시하고 각 항목..
텍스트 서식 태그 !!!주의사항!!! 원래라면 꺽쇠기호를 이렇게 사용해야하나 티스토리에서 보여지지 않는 관계로 꺽쇠기호를 생략하였다. 굵은효과 b, /b태그 단순히 굵게 표현 strong, /strong 태그 :중요한 의미를 표현하며 굵게 표현됨 이탤릭체 표현 i, /i태그 단순한 이탤릭체로 표현 em, /em 태그 강조 의미를 포함한 태그 인용 표현 q, /q태그 인용한 내용을 표시 줄 바꿈없이 사용, 따옴표를 붙인다 blockquote, /blockquote 태그 줄을 바꾸고 인용 내용을 안으로 들여 써서 구별한다, 와 다르게 따옴표를 붙이지 않는다. 하이라이팅 mark, /mark태그 텍스트에 하이라이팅 효과를 준다 삭제효과 del, /del 가로줄을 만들어 지운 것과 같은 효과 위첨자와 아래첨자 ..
틀린부분이 많을 수도 있다 그리고 정리가 잘 안되어있음 웹기초 태그 1.나 등을 끝맺을때에는 /와 함께 끝맺는다 예시 2.은 수평선을 만듦 3.~ h6으로 갈수록 얇아짐 4.사이 글자 입력가능 5. 줄바꿈, 따로 끝맺기 없음 6.글자// 7. 공백//제목 //수평선 공백//내용