HTML (기초적인 폼!)

2019. 4. 17. 12:22

갑자기 PHP를 배우는 곳에 왜 HTML이라고 생각하시는 분들도 계실겁니다.

하지만 웹프로그래밍을 하기 위해서 특히 Form을 만들기 위해서는 html이 없어서는 안될 존재이죠.

그럼 html 공부를 해보겠습니다.

1. 기본적으로 브라켓에서 html을 사용하기 위해서 문장의 맨 앞에 <!doctype html>을 선언해줍니다.

html의 문법을 쓰겠다는 선언 입니다. <?php 내용 ?> 과 비슷하네요.

그다음 일단 <html> 과 </html> 로 크게 묶어 줍니다.

다음. <head>는 머리죠.

그중에서 <tilte>은 그 사이트의 이름을 말해줍니다. 브라우저 위쪽에 보면 탭에 나오는 내용입니다.

그 밑에 <meta charset="utf-8">은 한글로 나올수있게 해주는 코드라고 생각하시면 됩니다. (utf-8코드!)

<body> 안을 살펴 보겠습니다.

<h1> 은 브라우저 안에서 나오는 내용중에서 큰 중요한 제목을 설정해주는 겁니다. 글씨도 크고 진하죠.

드디어 form이 나오네요.

action = form.php => php로 코딩을한 php파일과 연결을 시킨다는 의미입니다. 그리고 메소드 post라고 쓰여있는데

그건 나중에 php연동때 하도록 하겠습니다.

마지막으로 input문장을 보면 type="text"는 말그대로 id를 적을때 그 네모칸안에 서술을 한다는 뜻입니다.

name="pass"라고 적혀 있는데 html에서 php로 보낼때 설정된 변수 $pass안에 html에서 적은 내용이 저장 되는겁니다.

placeholder는 그 네모 칸안에 약간 흐린 글씨로 Password라는 단어가 나오도록 설정해주는 겁니다.

그리고 reset과 submit이 나왔습니다. 음 이두가지는 무엇을 적는 것이 아니라 클릭해주는 네모 박스가 생성이 됩니다.

거기에다가 value라는 값으로 "로그인" 과 "재작성"을 넣어 주면 그 네모 박스의 이름을 지어주는 겁니다.

이렇게 전부 코딩을 해주시면 화면에는 이렇게 출력이 됩니다.

좀더 부족한 설명은 완성된 화면 이미지를 참고 하시고 해주시면 감사하겠습니다.

부족한 설명 봐주셔서 감사합니다. 이상입니다.

이것 저것 해보는