3일차

김윤정·2024년 6월 20일

코딩

목록 보기
3/60

1. get 방식과 post 방식의 차이는?

  • get 방식: action 주소(인터넷주소)에 값을 붙어서 전달하는 방식 (키value형태)
    회원가입할때 절대 get방식하면 안된다.
    링크에 개인정보 다 떠버리게 되기 때문이다.

  • post 방식: 헤더에 숨겨서 보내진다.(인터넷주소에 입력한 정보가 안들어가고 숨겨짐)


2. div 태그의 용도와 span 태그의 용도를 예를 들어 설명하시오.

div태그는 블록태그로 h1, ul, li사용할때 쓰이고 span 태그는 인라인태그다.
따라서 span태그는 한정적 범위만 사용하기때문에 특정단어 컬러를 지정하고싶을때 쓰인다.


3.시멘틱 태그란?

div태그에 의미를 담은 태그로 요즘 더 유용하게 쓰인다.


4.시멘틱 태그의 종류를 나열해 보시오.

header, nav, footer,address가 있다.
address의 경우 글씨체가 기울어져있다는 특징이 있다.


5.div 태그와 p 태그의 차이는?

둘다 블록태그지만 p태그는 div태그와 다르게 여백이 생긴다.


6."나는 소년이다" 에서 소년을 오렌지 색으로 표현 하는 태그는?

span태그에 style=color 넣어주면 된다.

나는 소년이다.


7.인풋박스의 type 종류들에 대하여 예를 들어 설명하시오.

박스형식인 text가 있고 버튼을 만들수도있다.
text의 사용은 이름, 아이디, 비밀번호, 연락처가 있고 사진은 file로 버튼을 만들 수 있다.


8.input 박스 type(reset 과 submit)에 대하여 설명하시오.

reset 취소버튼누르면 폼형식이 초기화된다! 이과정은 다 form 태그안에서만 적용가능하다. submit 버튼을 누르게 될경우 action에 지정한 링크에 정보가 보내진다.


수업시간 과제📚📖📒

form action="#" method="get"
이름: input type="text" name="uname"br
아이디: input type="text" name=" uid"

비밀번호: input type="password" name="upw"br
연락처: input type="text" name="phone1" size="1"-
input type="text" name="phone2" size="1"-
input type="text" name="phone3" size="1"br
사진: input type="file" name="upis"br
성별구분: input type="radio" name="gender" value="m"남
input type="radio" name="gender" value="f"여br

    사용언어: input type="checkbox" name="lan" value="kor" checked="checked" 한글
             input type="checkbox" name="lan" value="eng"영어
             input type="checkbox" name="lan" value="jap"일어
             input type="checkbox" name="lan" value="chi"중국어br

    자기소개: textarea rows="4" cols="10" 간단하게 입력하세요textarea br
    국적: <select>
           option korea(한국)option
           option usa(미국)option
           option japan(일본)option
           option china(중국)option
           selectbr
        
    좋아하는 음식: select multiple="multiple"
                  option selected="selected" 김치option
                  option불고기option
                  option파전option
                  option비빔밥option
    selectbr

        input type="submit" value="제출" 
 



form action="#" input type="date" input type="submit" value="submit"

오늘배운 코딩에 대한 자세한 정보는 ✅블로그✅를 참고하면 된다!

0개의 댓글