HTML
: Hyper Text Markup Language의 약자
Hypertext
: 문서와 문서가 '링크' 로 연결되어 있다. 이러한 문서 시스템
Link - HTML의 본질
HTML의 본질 - WEB
Markup
tag의 이해부터 시작
tag
안녕하세요 생활코딩 입니다. 이것을 HTML로 표현하고 싶다면
안녕하세요 <strong>생활코딩</strong>입니다. (여기서 태그 사이에 있는 것을 컨텐츠라고 한다)
여기서 <strong> 이 Tag이다.
실습
실습을 위해 메모장 파일을 만들어 apache2의 htdocs에 저장한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
안녕하세요. <strong>생활코딩</strong>입니다.
</body>
</html>
HTML 문법 - 속성
링크를 나타내기 위한 tag
<a>생활코딩</a> => 어딘가에 링크가 걸려 있다는 것을 알 수 있음.
어디에 걸려있는지에 대한 정보가 필요함
<a href="http://opentutorials.org/course/1">생활코딩</a> 로 표현가능
여기서
href : 속성명
이후의 것 : 속성의 값
새창에서 열기가 하고 싶다면 target="_blank" 사용
=> target 도 속성. 속성과 속성 사이는 빈칸 하나로 구별함
a태그 실습
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
</body>
</html>
새 창에서 열기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
</body>
</html>
'웹 프로그래밍' 카테고리의 다른 글
| CSS 이론1 (0) | 2017.12.16 |
|---|---|
| 개발도구 - 아톰 (0) | 2017.12.16 |
| HTML실습 (0) | 2017.12.14 |
| HTML 문법 - 태그의 중첩 (0) | 2017.12.14 |
| 수업소개 ~ 서버와 클라이언트 (0) | 2017.12.04 |