2021. 12. 8. 11:00ㆍ[프론트엔드]_/[Javascript]_ES6
HTML
속성 Attributes
속성은 요소에는 실제로 나타내지 않고 내용을 담고 싶을 때 사용합니다.
1. 요소 이름 다음에 바로 오는 속성은 요소 이름과 속성 사이에 공백이 있어야 되고, 하나 이상의 속성들이 있는 경우엔 속성 사이에 공백이 있어야 합니다.
2. 속성 이름 다음엔 등호(=)가 붙습니다.
3. 속성 값은 열고 닫는 따옴표로 감싸야 합니다.
[1] a 요소
href : 연결하고자 하는 웹 주소
title : 마우스 커서를 올릴 때 나오는 텍스트
target : 링크가 어떻게 열릴지 지정 ex) target="_blank"는 링크를 새탭에서 열게 합니다.
[2] 참과 거짓 속성
disabled : 허용
ex) text의 경우 입력이 불가함
[3] 전체적 요소
<!DOCTYPE html> : 문서형식
<html></html> : 전체 페이지의 콘텐츠를 포함
<head></head> : 홈페이지 이용자에게는 보이지 않지만 검색 결과에 노출 될 키워드, 홈페이지 설명, css 스타일 등 html페이지의 모든 내용을 담고 있습니다.
<meta charset="urf-8"> : html 문서의 문자 인코딩 설정을 지정
<title></title> : 페이지 제목이 설정
<body></body> : 페이지 표시 콘텐츠
Literal character Character reference equivalent
< <
> >
" "
' '
& &
[4] HEAD
1. title
2. meta data
<meta name="test" content="practice">
3. link
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 와 같이 아이콘 추가 가능
css 문서 포함 시 link사용
항상 head에 위치한다
<link rel="stylesheet" href="my-css-file.css">
스크립트 파일은 head에 들어갈 필요가 없다. 보통 문서 끝편 </body> 앞에 위치시킨다.
<script src="my-js-file.js"></script>
[5] HTML text fundamentals
1. <span></span>
의미가 없는데 css나 js를 적용하고싶을 떄 사용
2.list
<ul>
<li></li>
</ul>
3. list 내부의 list
<ol>
<li>
<ul>
<li>
</ul>
</li>
</ol>
[6] hyperLink
< a href="www.">test</a>
[6] download attribute
브라우저에서 열지 않고 다운로드할 리소스에 연결하는 경우 다운로드 속성을 사용하여 기본 저장 파일 이름을 제공할 수 있다.
<a href="test" download="test,exe"> test </a>
[7] 문서의 기본 섹션
1. header : 일반적으로 큰 제목과 로고, 주요 정보가 있는 곳
2. navigation bar : 홈페이지의 메인 섹션으로 연결, 대부분 메뉴버튼이나 링크, 탭으로 표현
3. main content : 웹 페이지의 컨텐츠
4. sidebar : 주변의 정보, 링크,인용 부호 ,광고 등
5. footer: 페이지 바닥의 줄 (연락처,저작권 등 명시)
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
| [WEB 개발]_사용한 함수, 기능 정리 1번 (0) | 2021.12.09 |
|---|---|
| [Spring]_css 적용과 사용 (0) | 2021.12.08 |
| [MIME 타입]_setContentType() (0) | 2021.12.07 |
| [초보개발자]_Spring 파일 다운로드_Method 정리 (0) | 2021.12.07 |
| [초보개발자]_Web Service, Servlet, JSP 란? (0) | 2021.12.07 |