언어 : 사람과 사람사이의 약속
프로그래밍 언어: 사람과 컴퓨터 사이의 약속
코드 , 소스 , 코더 , 프로그래머
-----------------------------------------------------------------------------------
HTML : HyperText Markup Language
Hypertext - 하이퍼텍스트 문서와 문서가 링크로 연결되어있다. (HTML의 가장 큰 특징이라고 할 수 있다.)
링크는 HTML의 본질, HTML의 본질은 웹의 본질
Markup Language - Markup --> TAG라고 할 수 있다. - 설명하는 정보가 TAG
<strong> ---- </strong> 을 태그를 통해 사용한다. 시작과 끝태그에 있는 내용을 컨텐츠라고 한다.
language --> 언어는 컴퓨터와 사람의 약속의 언어
------------------------------------------------------------------------------------
FORMET
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8" />
</head>
<body>
안녕하세요 <strong> 헤파이토스 </strong> 입니다.
</body>
</html>
<> : 열린태그 </> : 닫힌태그
------------------------------------------------------------------------------------
+@ 추가기능(링크걸기)
<a> : 링크를 건다. (알파벳중 가장빠른 순서 = 중요하다)
<a href="http://hpitos.tistory.com/> 티스토리 </a>
링크라는 것만 알려주지 어디에 걸려있는지는 안알려준다. 여기서 어디를 알려주는지 를 말하는것이 속성이라는 것이다.
href -- 속성명(규칙,약속)
= -- 속성의 값에 해당
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8"/>
</head>
<body>
안녕하세요 <a href="http://hpitos.tistory.com"> 헤파이토스</a> 티스토리 입니다.
</body>
</html>
-------------------------------------------------------------------------------------
+@ 추가기능 (새창열기)
target="_blank" : 현재의 창이 아닌 새창(브라우저 or 탭)에서 띄워준다.
target="_self" : 현재의 창에서 링크를 연다. (기본값)
a 태그하나만으로 다 표현할 수 없기 때문에 속성을 추가해서 사용한다.
하나는 링크의 주소
또 하나는 타겟 (어떤 브라우저에 무엇을 통해서 새로운 페이지를 열 것인가?)
총 두가지의 속성이 들어갔고
속성과 속성을 구분할 때에는 띄어쓰기를 한칸 해서 구분해야한다.
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8"/>
</head>
<body>
안녕하세요 <a href="http://hpitos.tistory.com" target="_blank"> 헤파이토스</a> 티스토리 입니다.
</body>
</html>
일시정지
'WEB (Feat.FOO) > WEB 제작(Node.js)' 카테고리의 다른 글
6. callback 함수, 콜백함수 (0) | 2017.01.07 |
---|---|
5. Node.js 모듈 사용하기, NPM 사용하기 + 에러 (0) | 2017.01.06 |
4. JavaScript와 Node.js를 이용한 웹만들기 (0) | 2017.01.06 |
2. 인터넷과 웹은 다르다, 서버와 클라이언트 (0) | 2016.12.29 |
1. 순서 (0) | 2016.12.29 |