0713 HTML

 

<!-- -->            주석

 

<h1> <h1>      block level emement

 

<br> 줄바꿈 *일반적으로 웹 페이지를 디자인할 때 지양합니다(나중에 css가 하기 때문)

<p> 내용 </p> 문단을 표현(줄바꿈)

 

<img src="폴더이름.jpg " width=" "> 경로를 상대 경로로 잘 잡아주세요.          - inline element

 

<a href ="http:// 주소 "> </a> 클릭 가능한 하이퍼링크를 만들어 줘요!  - inline element

<a>는 href 속성에 있는 resource에 request를 보내는 역할을 하는           -element

 

<div> 안녕하세요 </div> 내용을 표현하기 위해 영역을 잡아요              -block level emement

<span> 안녕하세요 </span> - 내용을 표현하기 위해 영역을 잡아요       -inline element

 

 

block level emement 화면전체를 쓰는것

inline element 자기자신의 크기만 갖는 것

 

 

사용자 입력 양식

 한 줄 입력    : textfield

 여러 줄 입력 : textrarea

 라디오 버튼 : radio

 체크박스     : check box

 

<input type> 혼자 사용되는 단일 tag - 사용자 입력양식

<input type="text"> : 텍스트 상자

<input type="date"> : 달력 생성

<input type="range"> : 값을 조정

<input type="color"> : 색깔 지정

 

HTML, CSS , JavaScript의 상관관계

 HTML : 문서의 내용을 담당

 CSS : 화면의 구성과 decoration

 JavaScript :화면에 대한 프로그래밍을 담당 → 동적인 웹페이지를 만들 수 있어요!

 

protocol:// ip_address:port

protocol 은 데이터를 주고받기 위해서 필요한 약속 (통신규약)

ip address는 인터넷이 연결된 컴퓨터에 부여된 논리적인 주소.

- ipv4를 이용하면. 을 이용해서 4자리의 숫자로 표현 192.168.33.23

192.168.33.23 → www.naver.com ← domain name

port 하나의 숫자(0~65535)

이중 0~1024번까지는 예약되어 있어요!(정해져있어요!)