Foam 회원가입이나 로그인 같은 행위는 데이터를 사용자가 전송 하는 것이다. 이를 가능하게 해주는게 ‘foam’이다.회원가입을 예로 들면 전체 아이디,비밀번호,이름 등등 을 쓰는 모든 공간을 foam이라고 하고,아이디에 특정 값을 적게 해주는걸 inputinput을 설명하는 걸 label 이라고 한다.마지막에는 보통 button을 만들어서 전송을 시키게 만든다. 그래서 폼을 만들 때, 라벨과 인풋은 세트로 다닌다.이 세트를 연결시켜주는게 중요한데, 여기에는 두가지 방법이 있다. (연결 시키는 이유는 한글인 라벨을 클릭해도 인풋으로 포커스가 가기 때문이다) 첫번째는,  라벨 안에 인풋을 넣는 방식이다.   두번쨰는, for 와 id 로 연결 시키는 방식이다.   다음으로 서버관리에 필요한 name을 보자..

HTML 2024. 7. 4. 22:13

표만들기 - 테이블 #표만들기 표는 table 이라는 태그를 통해서 만들수 있다. 행은 table row 인   (가로를 의미한다)열은 table  datasell 인 (세로를 의미한다)  *구분 쉽게 하기  -맨위줄은 table-head 로 표현해서 굵은 글씨와 마크업을 표시한다 대신 로 감싸고 대신 로 감싼다  (th로 하면 자동 굵음이 적용된다) 본문은   바닥글은 으로 하는게 보편적이다   #테이블 스타일링 테두리설정하기   테두리는 테이블 전체 / tr / td 등등 각각 설정 가능하다   간격설정하기   -> 테이블은 기본 여백을 가지고 있습니다. 그렇기 때문에 여백을 설정하기 전에 기본 여백을 없애야지 설정이 잘 먹습니다. 기본여백을 없애고 나면, 이제 간격을 설정 해봅시다.여백은..

HTML 2024. 7. 4. 17:25

링크 #링크의 상대주소  *간단히 live preview를 vs에디터에서 확장프로그램 깔아서 확인가능합니다. (vs 오른쪽 상단에 돋보기 활용) 아래 그림처럼 현재 상태가 하위 폴더에 있다면, 상위폴더의 문서는 바로 참조 시 연결이 되지 않습니다. 그렇기 때문에 문서를 이동해 줘야하는데요문서를 이동하는 방법에 대해 알아보겠습니다. 같은 폴더에 있으면 그냥 쓰기“ ”폴더 참조폴더명/현재폴더 ./상위폴더../최상위폴더 / 간단하게 위 내용을 넣으면 폴더 이동이 가능해 집니다.아래 예시를 보면서 한번 더 확인 해보죠#URI 프래그먼트(URI Fragment)   - 목차활용 위키피디아 같은 본문이 긴 문서의 경우 목차를 활용하는데요, 목차를 누르면 해당하는 본문으로 이동하는 설정에 대해 알아 보겠습니다. 위 ..

HTML 2024. 7. 4. 17:24

HTML 핵심개념 HTML은 웹사이트의 내용을 담당, CSS는 내용을 꾸미는 담당을 합니다.여기서 ‘내용’에 대해서 자세히 알아봅시다. Hypertext  : 서로 링크로 연결되어 있다.   -> 링크를 누르면 이동하게 만듭니다Markup Language : 추가적인 정보를 표시한다  -> 어떤 역할을 담당하고 있는지를 마크 합니다 예시를 들어보자해당 글을 보면 누구는 인기상영작이 제목, 명량이 소제목 이렇게 생각하지만 다른사람은 그렇게 생각 안할수도 있다. 그렇기 때문에 글쓴이가 직접 이거는 제목이야 등으로 표시를 해주는 것이다. 그렇게 되면 혼동없이 모두가 알수있는 표시가 된다.이렇게 HTML을 활용하면 우리가 보고 있는 모든 웹사이트를 만들수 있다. 앞으로 링크, 텍스트, 리스트, 테이블, 멀티미디..

HTML 2024. 7. 4. 17:19