개발이글스

▶입력 양식 전체를 감싸는 태그 ▶form은 컨트롤 요소로 구성된다. ☆속성 name: form의 이름 action : form 데이터가 전송되는 백엔드 url method : 전송방식 선택, get: 256~4096byte까지만 전송가능, post: 길이제한 없음! autocomplete: 자동완성, on으로 명시하면 브라우저는 사용자가 이전에 입력했던 값들을 기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운 옵션으로 보여준다. ▶form 태그 내부에있는 태그 ▶사용자가 정보를 입력하는 부분을 만들때 사용한다. ▶type에 따라 어떤 형식으로 정보를 받을지 결정한다. id값을 통해 구분할수도 있다. ☆input 속성 readonly: 읽기전용 필드로 만들기 placeholder: 힌트표시, 필드클릭..

1. audio tag는 오디오를 삽입할 때 쓰는 태그입니다. 같이 쓰이는 속성은 아래와 같습니다. src : 삽입할 오디오의 주소 url autoplay : 오디오 자동으로 재생 시작하게 해주는 속성. controls : 오디오 제어버튼을 출력 loop : 반복재생 muted : 오디오의 음소거를 지정 대체용텍스트 -->오디오태그 사이의 "대체용텍스트"는 브라우저가 해당태그를 지원하지 않거나 해당오디오를 재생할 수 없을때 대체로 나오는 텍스트이다. 2. video tag는 비디오를 삽입할 때 쓰는 태그입니다. 같이 쓰는 속성은 아래와 같습니다. src : 삽입할 비디오의 주소 url autoplay : 비디오 로딩이 끝나면 자동으로 재생시작 controls : 비디오 제어버튼을 출력 loop : 반복재..

태그는 HTML문서에서 이미지를 정의할 때 사용합니다. 거의 모든 웹페이지에는 이미지가 필수로 들어갑니다. 이미지를 넣어줌으로써 좀더 생동감 있는 웹페이지를 만들 수 있기때문이죠. . -->기본적인 이미지태그의 모습입니다. 여기서 src 는 이미지 소스의 URL을 뜻합니다. !!!여기서 alt는 왜쓰는건가요?!!! 이미지가 나오지 않을경우에 대체용으로 나오는 텍스트라고 보시면 됩니다. ↓↓↓밑에 사진을 보면서 같이 이해해봅시다!!↓↓↓ 안에 제목과 이미지를 넣어줬습니다. 제목은 으로 사용해주었고, 이미지는 태그를 사용하였습니다. 웹페이지로 구현한 모습은 이렇습니다!! 제목태그가 맨위에있고, 바로밑에 이미지태그를 이용해 넣어준 이미지가 구현되었습니다. 참고로, 이미지태그에 어떠한 css도 적용되지 않았기때..

: 셀들의 행과 열로 구성된 2차원 테이블을 정의할 때 쓰는 태그이다. : 테이블의 각 행(row)를 정의한다. :글씨를 두껍게 해준다. :하나의 테이블 셀을 정의한다. 예시로 확인해보자. 밥류 면류 분식류 김밥 라면 떡볶이 주먹밥 우동 순대

1., 태그는 순서가 없는 리스트를 정의할 때 사용한다. 동그라미로 된 리스트를 생각하면 될것같다. 는 태그 안에서 쓴다. 리스트의 한줄을 뜻한다. ex) 빨래하기 장보기 2., 태그는 순서가 있는 리스트를 정의할 때 사용한다. 예를들어 1234, abcd로 리스트를 쓴다는 것. 는 태그 안에서 쓴다. 빨래하기 장보기

1. - -태그는 제목을 정의할때 쓴다. hn의 n은 숫자를 뜻하고 ,...이렇게 쓴다. h1부터 h6까지 있는데, 1이 제일크고 6이 제일작다. 보통은 h1부터 h3까지만 쓴다. ex) HELLOW WORLD 2. 태그는 문단을 정의할 때 쓴다. ex) 이 문단은 단락입니다. 이 문단은 단락입니다. 이 문단은 단락입니다. 3. 태그는 한 페이지에서 다른 페이지로 이동할때 쓰는 하이퍼링크를 정의할 때 쓴다. 태그의 제일 중요한 속성은 href 이다. href가 없다면, rel/target/type등의 속성을 쓸 수 없다!! ex) 네이버로 이동 4. 태그는 텍스트 내에서 줄바꿈을 할 때 사용하는 태그이다. 종료태그는 없다. ex) Hi! My name is Jiyunlee My job is Program..