HTML
* 중요한 점 : HTML은 공통적으로
<!doctype html>
<html>
<head>
<meta charset=“utf-8”>
<title></title>
</head>
<body>
</body>
</html> 의 구조로 이루어져 있다.
주요 태그(TAG)들 몇가지 정리
- strong 태그, 굵은 글씨 강조!
<strong></strong>
- br 태그로 줄을 바꿀 수 있지만, p 태그로 문단을 정해주는 것이 더 좋다.
<br> <p></p>
- h1~6 태그는 위와 같이 숫자가 커질수록 작아지는 제목 태그
<h1>h1</h1>, <h2>h2</h2>,...h6</h6>h1
h2
h3
h4
h5
h6
- 이미지 삽입은 속성에 주소값이 필요하다.
<img src=“주소값” width=“수치”, height="수치">로 이미지 크기조절 가능!
- ul 은 unordered list (앞에 숫자값이 없음)
ol 은 orderded list (앞에 1~ 차례대로 숫자가 붙음)
그리고 목차를 뜻하는 li 태그는 위 둘과 부모 자식간의 관계이다.
<ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ol> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul>
- HTML
- CSS
- JavaScript
- HTML
- CSS
- JavaScript
- a 태그 : 링크를 설정하는 태그, 앵커역할 단독으로 쓰일 수 없다.
target=“_blank”를 추가하면 새 창에서 열기.
title = “링크로 연결됩니다” 와 같이 툴팁추가 가능하다.
마우스 커서를 올려보면 확인 가능하다.
<a href="/" target="_blank" title = "링크로 연결됩니다">button</a>
