★더보기
더보기
meta태그
1) charset : html파일의 문자 인코딩의 방식, UTF-8(모든문자 지원)로 지정하면 한글이 깨지는 것을 방지!
2) content : 정보에 대한 내용
3) http-equiv : 내용 속성의 정보/값에 대한 HTTP 헤더 제공
4) name : viewport, keywords, description 등 과 같은 종류를 쓸 수 있고, 생략하면 http-equiv와 같은 기능
<!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>a태그 예제</title>
<!-- 기본예제3-3에서 아래의 base태그가 없으면 base3.html이 있어서 잘 실행됨, base태그가 있으면 naver에서 base3.html을 찾기때문에 원하는 결과를 확인할 수 없다-->
<!-- <base href ="http://www.naver.com"> -->
</head>
<body>
<!--
- a태그 (클릭해서 페이지가 바뀌는 것)
-인라인 태그
-기능
1. 하이퍼 링크 : 다른 페이지로 이동
- 다른 사이트로 이동하는 경우에는 앞에 http://를 붙여줘야 함
- 같은 사이트 내에 다른 페이지로 이동하는 경우, 현재 html의 파일을 기준으로 이동하려는 파일위치를 계산해서 적어준다
2. 싱커 : 같은 페이지 내에 특정 위치로 이동
3. 다운로드 : 지정된 파일을 다운로드
-속성
-href : 이동할 주소 또는 위치
-target : 현재창(_self), 새 창(_blank), 부모창(_parent), 조상창(_top)
-->
<a href="http://www.naver.com">네이버1</a><br> <!-- 전혀다른 주소로 넘어가게할 때는 http://를 꼭 써야 한다. -->
<a href="www.naver.com">네이버2</a><br> <!-- 정상동작 안됨-->
<a href="naver.com">네이버3</a><br> <!-- 정상동작 안됨-->
<a href="base3.html">기본예제3-1</a><br>
<a href="../day1/base3.html">기본예제3-2</a><br>
<a href="base3.html" target="_blank">기본예제3-3</a><br> <!-- 새창으로 열기-->
<a href="http://www.naver.com"><img src="rabbit.jpg" alt = "네이버"></a> <!-- 이미지에 하이퍼 링크를 달기-->
<!-- 싱커기능을 사용하려면 원하는 요소에 id를 부여, #은 id를 의미함
문법: href="#아이디명"
해당 아이디 위치로 이동 -->
<a href="#bottom">페이지내 이동</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="bottom">여기로 이동</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!-- 다운로드
- download 속성을 이용
-->
<a href="rabbit.jpg" download>어른이 다운로드</a>
</body>
</html>★더보기
더보기
a태그 (클릭해서 페이지가 바뀌는 것)
-인라인 태그
-기능
1. 하이퍼 링크 : 다른 페이지로 이동
- 다른 사이트로 이동하는 경우에는 앞에 http://를 붙여줘야 함
- 같은 사이트 내에 다른 페이지로 이동하는 경우, 현재 html의 파일을 기준으로 이동하려는 파일위치를 계산해서 적어준다
2. 싱커 : 같은 페이지 내에 특정 위치로 이동
- 싱커기능을 사용하려면 원하는 요소에 id를 부여, #은 id를 의미함, 해당 아이디 위치로 이동
문법: href="#아이디명"
3. 다운로드 : 지정된 파일을 다운로드
-속성
-href : 이동할 주소 또는 위치
-target : 현재창(_self), 새 창(_blank), 부모창(_parent), 조상창(_top)
내용: http-equiv 참고: [출처] [HTML] Meta Tag|작성자 AJu
'괴발개발 > Html+CSS' 카테고리의 다른 글
| Html_자기소개,수학문제 예제 (0) | 2021.06.07 |
|---|---|
| Html_블록태그와 글의 구조 (0) | 2021.06.07 |
| html_표만들기 (0) | 2021.06.07 |
| html_이미지태그(img tag), 리스트 출력 (0) | 2021.06.07 |
| Html_기본구성, 태그 종류 (0) | 2021.06.06 |