반응형
HTML은 마크업 언어이며, 여는 태그 < > + 닫는 태그 < / > 으로 이루어져 있다.
- 주석 단축키 : ctrl + /
- HTML 템플릿 만들기 : ! + tap키
- 저장 : ctrl + s
- 실행취소 : ctrl + z
실행결과 확인
오른쪽 마우스 클릭 -> Open with Live Server 선택
html 앙크 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- html 앙크 태그 == 링크 태그 : 페이지 이동 태그 -->
<!-- 사용법 : <a href="페이지주소">내용</a> -->
<!-- 줄복사 단축키 : ctrl + d -->
</body>
</html>
html anchor 태그는 링크 태그 즉 페이지 이동 태그입니다.
사용법은 <a href="페이지 주소"> 내용 </a> 으로 사용합니다.
html anchor inner 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 줄복사 단축키 : ctrl + d -->
<!-- 취소 : ctrl + z -->
<!-- 복사 : ctrl + c -->
<!-- 붙여넣기 : ctrl + v -->
<a href="#">언론사 전체보기</a>
<a href="#alpha">알파 부분</a>
<a href="#beta">베타 부분</a>
<a href="#gamma">감마 부분</a>
<!-- 태그 공통속성 : id(#변수), class -->
<h1 id="alpha">알파</h1>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<h1 id="beta">베타</h1>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<h1 id="gamma">감마</h1>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
<p>안녕하세요 이준혁입니다.</p>
</body>
</html>
태그 공통속성 : id(#변수), class를 사용합니다.
반응형
'HTML > HTML 이론' 카테고리의 다른 글
| [HTML] 태그 요약 (0) | 2023.08.03 |
|---|---|
| [HTML] 미디어 삽입 (0) | 2023.08.03 |
| [HTML] 표 만들기 (0) | 2023.08.03 |
| [HTML] 순서가 있는 목록, 순서가 없는 목록 태그 (0) | 2023.08.02 |
| [HTML] 텍스트 폰트 태그 (0) | 2023.08.02 |