[WEB] HTML 학습 -1

HTML

HTML tag의 종류 

- 태그는 그 의미에 맞게 사용해야 한다.

 

• 링크 

<a href="www.naver.com"> 네이버 </a>

• 이미지 

<img src="이미지파일위치" alt="이미지 파일이 경로에 없다면 나타나는 이름">

• 제목, 목록

<div>
	<h1>과일의 목록</h1> 
		<ui>
			<li>사과</li>
			<li><배/li>
        	<li>포도</li>
       </ui>
</div>
<div>
	<h1>과일의 목록</h1> 
		<ol>
			<li>사과</li>
			<li><배/li>
        	<li>포도</li>
       </ol>
</div>

 

 

ui = Unordered List : 순서가 없는 리스트

ol = Ordered List : 순서가 있는 리스트

 

• iframe - 페이지 안에 페이즈를 삽입하는 방법. CSS를 통해서 제어하는 것이 권장.

<iframe src = "불러올 웹 페이지의 URL" scrolling ="스크롤링 허용 여부(yes/no/auto)"></iframe>

• frame - 하나의 화면에서 여러 개의 페이지를 분할해서 보여줌.

<frameset(cols/rows) = "열 혹은 행의 크기(콤마로 구분)">
<frame src = "frame_a.html" name = "프레임의 이름"/>
</frameset>

 

• form - 사용자의 데이터를 서버에 전송하는 방법이다. 

- 로그인을 위해서 아이디/비밀번호를 입력할 때

- 회원가입을 하기 위해서 개인정보를 입력할 때

- 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때

<form action ="서버로 전송한 데이터를 수신할 URL" mothod ="데이터를 전송하는 방법"></form>

---

• GET과 POST의 차이점

GET

- URL에 정보가 담겨서 전송된다.

- 전송할 수 있는 정보의 길이가 제한되어 있다.

- 퍼머링크로 사용될 수 있다

 

POST

- header의 body에 담겨서 전송된다.

- URL 상에 전달한 정보가 표시되지 않는다.

- GET에 비해서 보안산 약간의 우위에 있다. (사실상 동일)

- 전송할 수 있는 데이터의 길이 제한이 없다.

- 퍼머링크로 사용할 수 없다.

- 서버 쪽에 어떤 작업을 명령할 때 사용한다.(데이터의 기록, 삭제, 수정)

 

+ CSS3와 HTML5 공부를 다시 하고있는데 다 까먹은 줄 알았는데 아니었나보다 기억이 새록새록 나는걸 보니 .. 빨리 HTML과 CSS 한번 훑고 Js로 넘어간 후에 프레임워크로 넘어가고 싶다 .