2. HTML 기본적인 문법

HTML을 코딩할 프로그램 다운 받는 사이트 : 

 

태그를 작성할 때에는

<태그이름 속성이름="속성값">이런형식으로 된다.

 

1. 제목을 나타내는 태그 <h1~h6>

        <h1>제목</h1>

    <h1>제목</h1>

        <h2>제목</h2>

        <h3>제목</h3>

        <h4>제목</h4>

        <h5>제목</h5>

        <h6>제목</h6>

출력화면 

 

출력결과

웹사이트에 제목을 나타내줍니다.

 

2. 사용자에게 상호작용 할 수 있는 요소를 생성하는 것 <input>태그

 

속성값 : 

button : 버튼을 만들어 준다.

checkBox : 체크박스를 만들어 준다.

color : 색깔표를 만들어 준다.

date  : 년도를 나타내는 속성값이다.

email : 이메일를 적는 속성이다. 만약 이메일형식에 맞지 않을 경우 오류가 난다.

이메일속성

 

정상적으로 이메일을 입력했을 경우

이메일 형식에 충족하지 못하면 이런 오류가 뜬다.

submit 속성은 제출하는 속성이다. 주로 form태그와 함께 쓴다. form태그는 주로 내용을 전송할 때 사용한다. 

 

 

number속성은 숫자를 나타내는 속성이다.

오른쪽에 있는 화살표로 숫자의 크기를 조정할 수 있다.

password속성은 암호를 나타내는 속성이다.

패스워드 속성에 암호를 입력하면 value값은 보이지 않는다.

 

소스는 여기서 확인하실 수 있습니다 

 

-    https://github.com/zofqofhtltlm8015/Front-end/blob/master/HTML/HTML%EA%B8%B0%EB%B3%B8/HTML%EA%B8%B0%EB%B3%B8%EB%AC%B8%EB%B2%95.html

 

사이트는 여기서 확인하실 수 있습니다.

 

- https://zofqofhtltlm8015.github.io/Front-end/HTML/HTML%EA%B8%B0%EB%B3%B8/HTML%EA%B8%B0%EB%B3%B8%EB%AC%B8%EB%B2%95.html