#1 HTML
- 웹사이트를 개발하기 위한 마크업 언어다.
- 마크업 언어란 태그로 둘러쌓인 언어를 말하며 마크다운 언어는 그 일부다.
예시
<!DOCTYPE html>
<html>
<head lang="ko">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>- doctype은 문서서 유형을 나타낸다.
- lang은 문서의 언어를 설정하는 것이며, 시각장애인을 위한 스크린 리더에서 다른 언어를 해당 언어로 자동변환해주는 역할을 한다.
- title은 제목 표시줄이나 탭에 보여지는 부분이다.
- charset은 인코딩 방식을 지정하는 것이며, utf-8은 유니코드 문자셋이다.
#2 HTML 태그
- 블록라인 태그
- 연속해서 태그를 쓸 경우 줄바꿈을 한다.
- ex) <p>, <div>, <h>, <ul>, <ol>, <form>, <footer>, <nav>, <header>
- div, nav, header, footer는 모두 div와 같은 역할로서 한 영역을 잡고 내부의 속성을 통일하는데 목적을 둔다.
- ul과 ol은 unorder과 order로 순서를 번호로서 지정할지 안할지의 차이다.
- 인라인 태그
- 태그를 연속해서 쓴다해도 줄바꿈을 하지 않는다.
- ex) <span>, <a>, <img>
#3 <a> 태그
- a태그는 링크 지정으로 target="_blank"를 내부 속성으로 지정하면 새창에서 띄운다.
- a태그에는 절대경로와 상대경로가 있으며, 절대경로는 우리가 흔히 하는 웹사이트 주소를 그대로 적는 것이고 상대경로는 나의 pc 내부의 파일을 가져올때 /을 이용하여 정하는 것이다.
1 절대경로
<a href="http://google.com">구글로 이동</a>2-1 절대경로 - 같은위치
//경로작성파일과 연결파일이 같은 위치 일 경우
<a href="파일명">파일이동</a>
<a href="link.css">link css이동</a>2-2 절대경로 - 하위위치
//경로작성파일 기준 연결파일이 하위 폴더 안에 있을 경우
<a href="폴더명/파일명">파일이동</a>
<a href="styles/link.css">link css 이동</a>2-3 절대경로 - 상위위치
//경로작성파일 기준 연결파일이 상위 폴더에 있을 경우
<a href="../파일명">파일이동</a>
<a href="../index.html">index파일이동</a>
'Monthly I Learned > 2022.07' 카테고리의 다른 글
| 7/18 for문과 객체 (0) | 2022.08.02 |
|---|---|
| 7/16 변수와 상수, 데이터 타입 (0) | 2022.08.02 |
| 7/14 Position과 Image Sprite (0) | 2022.08.02 |
| 7/13 - Flex box (0) | 2022.07.25 |
| 7/11 - 스타트 (0) | 2022.07.12 |