웹사이트 제작이 건물 짓기라고 생각했을 때,
- HTML은 건물 설계도
- CSS는 인테리어 디자인
- HTML이란? Hyper Text Markup Language의 약자이다.
- HTML 기본 태그 구성
<태그 속성 = "속성값"> contents </태그>
- HTML 문서 기본 구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html</title>
</head>
<body>
contents
</body>
</html>
- <a> 태그: 글자나 이미지 클릭 시 다른 사이트로 이동
<a href="https://disdlzheld.tistory.com/" target="_blank"> 내 블로그 </a>
<!-- target 속성: 페이지 이동 방식 결정
_blank: 새 탭으로 사이트 전환, _self: 현재 탭에서 사이트 전환 -->- <img> 태그
<img src="이미지.png" alt="이미지">
<!-- src: 이미지 파일 경로, alt: 이미지를 출력하지 못했을 경우 뜨는 텍스트-->- 그 외 기본 태그
<h1>안녕하세요</h1>
<h2>안녕하세요</h2> <!-- 제목 등 표현. h1~h6 존재, 숫자 값 클수록 폰트 사이즈 작아짐-->
<p>반갑습니다</p> <!-- 본문 내용-->
<ol>
<li>리스트</li> <!-- 순서(숫자)가 있는 리스트 생성-->
<li>리스트</li>
<li>리스트</li>
</ol> <!--<ul>로 바꾸면 순서 없는 항목 생김-->'Frontend > html, css' 카테고리의 다른 글
| CSS - Transform (0) | 2022.01.18 |
|---|---|
| CSS 기초 (3) - 웹사이트 레이아웃 요소 (0) | 2022.01.18 |
| CSS 기초 (2) - 선택자 (0) | 2022.01.18 |
| CSS 기초 (1) (0) | 2022.01.18 |
| HTML 기초 (2) (0) | 2022.01.18 |