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> |