HTML 각종 요소 (태그) 1. table 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표(엑셀) .. 표이름 ... ---- 한 줄 (table row:층) ---- 가장 첫번째 줄(tr)에 대신 사용 (글씨체 진하기, 가운데 정렬, table head) .. ---- 한 칸 (table data) 2. datalist 요소에 사용하기 위한 옵션들을 미리 드롭다운 형태로 보여주기 위해 사용, 자동 완성 기능 제공 ... ... 시맨틱 웹 태그 전 세계에 만들어져 있는 웹 문서의 갯수 증가함에 따라 정확하게 가치 있는 정보 탐색을 위해 요구하는 사항들이 점점 늘어남에 따라 웹 세상에서 방대하게 퍼져 있는 웹 문서를 보다 쉽고 정확하게 구분하고 조합하기 위해 시맨틱 웹 태그를 사용하게 되었다. 사용..

HTML 각종 요소 (태그) input type ⑴ file 원하는 파일을 선택하여 서버로 전송하는 입력 상자 ⑵ email 이메일 입력받는 글 상자 @가 없으면 제출 (다음 페이지로 이동)되지 않음. ⑶ url 웹사이트 입력받는 글 상자 (http로 시작하는 url) 이 입력 필드는 폼 데이터를 제출하기 전 입력된 값이 유효한 URL 주소인지 여부를 자동으로 검증한다. ⑷ tel 전화번호를 입력받는 글 상자 ⑸ date 날짜를 입력받는 글 상자 이 외 태그 요소 ⑴ a 하이퍼링크를 걸어주는 태그 네이버로 이동 ⑵ textarea 긴 텍스트를 입력할 수 있는 글 상자 ... 내용 ... ⑶ form input 태그를 묶을 때 사용 백엔드 서버와 통신 form 태그 안의 input 태그의 value(값) ..

HTML 각종 요소 (태그) div 태그 빈 박스, 하나의 구역 웹 사이트에서 섹션을 나눌 때 사용 a,p,img 등의 태그는 그 자체로 어떤 기능을 하는지 명확하지만 div는 특별한 기능이 없다. 그럼에도 div 태그를 사용하는 이유는 비슷한 부분끼리 그룹, 디자인에 맞게 레이아웃을 분리, 각 div태그에 class나 id라는 attribute를 부여하고 css 스타일을 입혀줄 수 있기때문이다. p 태그 한줄 단위의 글을 작성, 위 아래 공간이 생긴다. (하지만 이 위아래 공간은 보통 css로 초기화하여 사용) Paragraph의 줄임말로, 주로 문단을 통로에 넣을 때 많이 사용 한 줄에 이어서 안나오고 단락이 나뉘는 요소인 block-element이다. span 태그 단어 단위, 특정 구간을 분간 s..

HTML 이란? Hyper Text : 웹 페이지에서 다른 페이지로 이동하거나 페이지 내의 다른 하이퍼 텍스트 (텍스트, 이미지, 데이터)에 접근할 수 있도록 하는 것. Markup Language : 웹 페이지 내의 컨텐츠를 어떻게 표현해야하는지 명령하는 언어 HTML 특징 태그(Tag)의 형태를 띄고 있다. HTML에서 해당 코드가 어떠한 정보를 담고 있는지 알려주기 위한 것이다. ... ...(내용물)... HTML의 구조 Request(요청) 와 Response(응답) 개념 요청 개념 : 나는 이런 URL을 줄테니 그에 맞는 화면이나 데이터를 줘. (요청) -------------------------------------- (백엔드 서버) -------------------------------..