CRealNet - 아는만큼 보이는 : html

레이블이 html인 게시물을 표시합니다. 모든 게시물 표시

2014년 12월 30일 화요일

html anchor

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html anchor

Html 은 문서끼리 서로 연결할 수 있다.
Anchor 태그는 다른 문서의 주소를 지정함으로써 연결하는 태그이다.

<a href="[문서주소]" target="_self">[링크를 걸 문자열]</a>

html textarea

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html textarea

textarea 는 html에서 여러줄 입력을 받을 때 사용하는 태그의 종류이다.
rows 는 몇 줄을 입력받을 것인지, cols 는 넓이가 몇인지 설정한다.

<texarea name="contents" rows="3" cols="50">
[내용]
</textarea>

주의.

여는 태그 <textarea> 와 </textarea> 사이에는 공백이나 줄바꿈이 없어야 한다.

만약에 공백이나 줄바꿈이 있을 경우 이 또한 textarea 의 값으로 인식한다.

html input hidden

hidden 필드는 input 태그 중 하나로써 사용자 ui 상에 보이지는 않지만 값을 가지고 있는 필드를 말한다.

주로 폼에 값을 넣어서 서버로 전송해야 하지만 사용자에게 보일 필요는 없는 데이터를 넣는 곳에 사용된다.

<input type='hidden' name="[이름]" value="[값]" />

html input button

<input type="text" name="[이름]" value="버튼텍스트" />

html input radio

        <input type="radio" name="user" value="hahaha" />
        <input type="radio" name="user" value="kekeke" />
        <input type="radio" name="user" value="HOHOHO" />

그룹을 짓는 기준은 name attribute 이다.

html input submit

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html input submit

클릭시 자기자신을 감싸고 있는 form 의 모든 내용을 서버로 전송한다.

<input type="text" name="[이름]" value="[버튼글자]" />

html input password

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html input password

한줄짜리 비밀번호를 입력받을 때 사용한다.

input password 에 사용자가 특정한 값을 입력할 시 값이 그대로 보이지 않고 ** 로 가려진다.

형식

<input type="password" name="[이름]" /

html input

입력을 받는 다양한 방식의 태그.

text
password
submit
button
radio
hidden

등이 있다.

html input text

<input type="text" name="[이름]" />

html form

 <!DOCTYPE html>  
 <html>  
  <head>  
  </head>  
  <body>  
   <form action="frmsubmit.php" target="_self" method="post">  
    name : <input type="text" name="name" />  
    <br />  
    age : <input type="text" name="age" />  
    <br />  
    gender : <input type="text" name="gender" />  
    <br />  
    <input type="submit" value="submit form" />  
   </form>  
  </body>  
 </html>

html div

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html div

html에서 div는 '블럭'을 나타내는 태그이다.
즉 div 안에서 다른 태그들이 영역 안으로 보이게 된다.

html 의 name 과 id

서버로 값을 전송할 때 서버에서 인식할 수 있는 식별자이다.
대부분의 경우 html 문서 내에서 유일한 값이지만
radio 나 select 등 여러개의 값 중에서 하나를 선택하는 태그의 경우 그룹으로 묶기 위해 같은 이름을 사용하기도 한다.

id

html 문서 내에서 개체를 가리키는 유일한 값이다.
필수 항목은 아니며 자바스크립트 등으로 html 요소를 컨트롤해야 할 때 주로 사용한다.

html character set

이 문서는 지속적으로 갱신되는 내용을 다룹니다.
최신 버전의 문서는 언제든지 http://crealnet.blogspot.kr에서 얻을 수 있습니다.
문서가 업데이트 될 때마다 이메일로 받아보고 싶으시다면 http://crealnet.blogspot.kr/p/pdf.html 를 사용해 주세요.
기타 추가적으로 필요하신 사항은 http://crealnet.blogspot.kr/p/blog-page.html에서 연락주시면 됩니다.
읽어주셔서 감사합니다!

html character set

영어가 아닌 다른 글자가 html 에 출력되기 위해서는 글자가 어떤 식으로 해석되어야 할 것인가 명시할 필요가 있다.

UTF-8을 사용할 것이므로 UTF-8 인코딩을 지정해주자.

head 영역 안에
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
을 넣으면 된다.

html 로 hello world 보이기

html 로 hello world 보이기

<!DOCTYPE html>

<html>
  <head>
  </head>
  <body>
      Hello World
  </body>
</html>

코드를 입력한 다음 웹브라우저에서 확인해보기.

html 의 기본 형식

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html> 로 선언하면 html 5 형식이다.
<html>로 시작하고 </html> 로 끝남.
<head> 로 메타 데이터 정의
<body> 로 화면에 보이는 영역 정의

CRealNet - 아는만큼 보이는