💾 Editor: VSCode
📢 HTML
Hyper Text Markup Language
- 웹페이지 만들 때 사용
- 자료들이 어떻게 생겼나 구조를 표현하기 위한 언어
👉 index.html 생성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
안녕하세요
</body>
</html>
body tag 안에 텍스트를 넣는다.
🔎 TAG
- 글을 적을 때는 tag 안에 적음
- p(paragraph)
- h(heading)
<body>
<h5>실습 시작</h5> <!-- 제목 -->
<p>안녕</p> <!-- 본문 -->
<button>버튼</button> <!-- 버튼 -->
<a href="https://www.naver.com">링크</a>
<ul> <!-- unordered list || ordered list -->
<li>1</li> <!-- list item -->
<li>2</li>
</ul>
<img src="sky.jpg" alt="none">
</body>
👉 정리
- 웹페이지를 만들 때 모든 요소는 태그 안에 넣음
- 일부 태그는 속성 기입 가능함
- 태그 안에 태그도 가능함
👉 실습 :: 글자 일부 클릭하면 웹페이지 이동
<p>글자를 클릭하면 <a href="https://www.naver.com" target="_blank">네이버</a>를 새창으로 이동합니다.</p>
target 속성을 이용해 새창으로 이동하게 했다.
코딩애플 공부 기록
300x250
'LEARN > HTML | CSS' 카테고리의 다른 글
| [HTML] selector 선택자 (tag, class, id) + style (0) | 2022.12.28 |
|---|---|
| [HTML] STYLING 웹페이지 스타일링 (0) | 2022.12.26 |
| [부스트코스] 8 미디어 쿼리 (0) | 2022.03.22 |
| [부스트코스] 7 CSS 레이아웃 (0) | 2022.03.21 |
| [부스트코스] 6-2 CSS 폰트, 텍스트 (0) | 2022.03.20 |
