HTML 간단 정리

8544 단어 htmlhtml

HTML

중요한 점 : HTML은 공통적으로

<!doctype html>
<html>
<head>
 <meta charset=“utf-8”>
 <title></title>
</head>
<body>
</body>
</html> 

의 구조로 이루어져 있다.

주요 태그(TAG)들 몇가지 정리

  1. strong 태그, 굵은 글씨 강조!
<strong></strong>
  1. br 태그로 줄을 바꿀 수 있지만, p 태그로 문단을 정해주는 것이 더 좋다.
<br>
<p></p>
  1. h1~6 태그는 위와 같이 숫자가 커질수록 작아지는 제목 태그
<h1>h1</h1>, <h2>h2</h2>,...h6</h6>

h1

h2

h3

h4

h5
h6
  1. 이미지 삽입은 속성에 주소값이 필요하다.
<img src=“주소값” width=“수치”, height="수치">로 이미지 크기조절 가능!
  1. 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>
  1. HTML
  2. CSS
  3. JavaScript
  • HTML
  • CSS
  • JavaScript
  1. a 태그 : 링크를 설정하는 태그, 앵커역할 단독으로 쓰일 수 없다.
    target=“_blank”를 추가하면 새 창에서 열기.
    title = “링크로 연결됩니다” 와 같이 툴팁추가 가능하다.
    마우스 커서를 올려보면 확인 가능하다.
<a href="/" target="_blank" title = "링크로 연결됩니다">button</a>

button

좋은 웹페이지 즐겨찾기