Study-ing/HTML

HTML 학습기 [ 기초 ]

동빠기 2020. 2. 10. 10:56
HTML은 기본 구조는 아래와 같습니다.

<!DOCTYPE>

<html lang="ko-kr">

  <head>

    <meta chartest="UTF-8">

    <title>  ...  </title>    

  </head>

  <body>

 

  </body>

</html>

 


 

위의 기본 구조를 중심으로, 아래 body태그 안에 출력을 하고 싶은 부분을 입력해 넣으면 됩니다.

 

# html : 문자, 디자인, 영상, 소리 등 모든 것을 표현하는 것을 말한다.

# utf-8 : 영문을 기본으로 하며, 전체 모든 언어를 샤용할때 이용 한다.

# euc-kr : 한글을 기본으로 한다.

# head : javascript, jquery, css 같은 기본 속성 코드들이 포함되는 부분

# body : 영상, 디자인, 문자, 각종 효과 같은 태그가 포함되는 부분

# a href : 페이지를 링크 걸 때 사용 되는 태그

# input type : 사용자가 값을 입력 또는 작동 여부를 입력하기 위한 태그

# text : 문자를 입력하는 태그

# password : 패스워드를 입력하는 태그

# button : 마우스 클릭 버튼을 만드는 태그

# checkbox : 체크 박스를 생성하여, 사용자가 Y or N 를 선택하게 한다.

# radio : 라디오 사용자가 2가지 중 한가지를 선택 할때 사용

 

 

 

 

# Example

 

 

 

# 아래와 같이 코드를 입력하게되면? 위 사진처럼 출력이 됩니다.
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!--<a href="login.html">로그인</a>-->
    <input type="text"><br>
    <input type="password"><br>
    <input type="button" value="로그인"><br>
    <input type="checkbox">자동 로그인<br>
    <input type="radio" name="a">동의함
    <input type="radio" name="a">동의안함
    <br><br><br>
    [설문조사]<br>
    Q. html 중 패스워드를 입력하는 속성 태그는?<br>
    <input type="radio" name="b">text<br>
    <input type="radio" name="b">password<br>
    <input type="radio" name="b">checkbox<br>
    <input type="radio" name="b">body<br>
  </body>
</html>