HTML 간단 정리
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>
Author And Source
이 문제에 관하여(HTML 간단 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@cmin95/HTML-CSS저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)