[32일차] HTML

🍕2022-08-03🍕

Hyper Text Markup Language

넥스트 컴퓨터 잡스가 애플 쫓겨나서 만든 컴퓨터 다시 회사에 들어갈 때 os를 기반으로 만든 컴퓨터가 맥북

http://www.oracle.com:80/aaa/bbb/index.html

프로토콜 : 프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계

http:// 하이퍼텍스트 전송 프로토콜(HTTP)

https:// s -> secure의 약자 공식적으로 발급받은 키인지 확인..

www.oracle.com:80 : ip or domain

:80 전세계 공통 TCP/IP 포트번호

/aaa/bbb/ 디렉토리 경로명

index.html html

Web Page

1. HTML

2. CSS

3. JS

Web Application

4. Sevlet

5. JSP

6. Spring = 개념 중요

7. Spring MVC

html5 변화 2가지

media

시멘틱 web = 의미 있는 웹

시멘틱 태그를 도입

thead tfoot tbody

thead 한 줄을 표시

tbody 하나의 td안에 tr이 있는 형태

1. 가독성이 좋아진다.

2. 구글같은 검색 사이트에서 검색엔진

thead 인식.. 사이트를 정보를 보다 정확하게 검색 노출하고 싶다면 시멘틱 태그를 써라 그런 역할을 한다.

사이트 동작 시멘틱 태그 사람이 눈에 보이는 건 똑같다.

가능하면 써라 html 입장에서는 ....

tfoot 길게 나오면 출력할 때 잘리게 되는데 브라우저가 잘리기 전에 tfoot을 한 번 찍어준다.

GET 방식

https://search.daum.net/search?w=tot&q=%ED%8C%B0%EB%A1%9C%EC%8B%9C%20%EB%8C%80%EB%A7%8C%20%EB%B0%A9%EB%AC%B8&DA=NTB 검색 엔진에 많이 쓴다. id, pw 가 다보이기 때문에 보안에 취약

팰로시 대만 방문 – Daum 검색

Daum 검색에서 팰로시 대만 방문에 대한 최신정보를 찾아보세요.

search.daum.net

1. 검색 부분에 많이쓴다.

2. 취약점 : 주소 length제약 데이터의 크기가 제한되어있다. , 보안에 취약하다. pw , id 다 보임

POST 방식

1. 보안에 강력하고 넘겨질 데이터 제한 없음

2. 보안이 필요한 경우 무조건 POST방식으로 넘겨줌

get방식

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인 폼</title></head>
<body>
<h3>로그인 폼</h3>
<hr>
<!-- 데이터 넘길때 form 사용 여기서는 get/ post로 넘겨준다. -->
<!-- value 초기값  -->

<form name="fo" method="get">
사용자 ID : <input type="text" name="id" size="15" value=""><br>
비밀 번호 : <input type="password" name="pass" size="15" value="">
<input type="submit" value="완료">
</form>
</body>
</html>

POST 방식

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인 폼</title></head>
<body>
<h3>로그인 폼</h3>
<hr>
<!-- 데이터 넘길때 form 사용 여기서는 get/ post로 넘겨준다. -->
<!-- value 초기값  -->

<form name="fo" method="post">
사용자 ID : <input type="text" name="id" size="15" value=""><br>
비밀 번호 : <input type="password" name="pass" size="15" value="">
<input type="submit" value="완료">
</form>
</body>
</html>

label 태그 장점

1. 소스분석 용이

ul strong 자손 .. 직계 손주 증손주 다 올 수 있다.

div > strong 바로 밑에 직계 자식을 의미

'IT > HTML' 카테고리의 다른 글

[33일차] 5장 CSS3 고급 활용 (0)	2022.08.04
[33일차] HTML (0)	2022.08.04
[32일차] 4장 CSS3로 웹 페이지 꾸미기 (0)	2022.08.03
[32일차] 3강 HTML5 문서 구조화와 웹 폼 (0)	2022.08.03
[32일차] 2강 HTML5 기본 문서 만들기 (0)	2022.08.03

blog

노력하는 개발자

[32일차] HTML

🍕2022-08-03🍕

Hyper Text Markup Language

http://www.oracle.com:80/aaa/bbb/index.html

www.oracle.com:80 : ip or domain

:80 전세계 공통 TCP/IP 포트번호

/aaa/bbb/ 디렉토리 경로명

index.html html

'IT > HTML' 카테고리의 다른 글

댓글

티스토리툴바

[32일차] HTML

🍕2022-08-03🍕

Hyper Text Markup Language

http://www.oracle.com:80/aaa/bbb/index.html

www.oracle.com:80 : ip or domain

:80 전세계 공통 TCP/IP 포트번호

/aaa/bbb/ 디렉토리 경로명

index.html html

'IT > HTML' 카테고리의 다른 글

관련글

댓글

티스토리툴바