기본 태그

by

일반적으로 사용되는 태그

# 앵커 태그

ㅁ HTML에서 가장 중요한 문자는 H를 나타내는 하이퍼텍스트입니다. 하이퍼텍스트는 사용자가 선택한 특정 관련 정보를 탐색할 수 있도록 구성된 문서를 말합니다. HTML 페이지를 조직화된 문서로 만드는 것은 이것입니다. -낮.

ㅁ 태그는 닻을 의미하며 다른 웹 페이지로 이동하거나 웹 페이지 내 특정 위치로 이동할 때 사용합니다.

'추천 관련글,

ㅁ a 태그만으로는 웹브라우저에게 어떤 웹페이지로 이동할지 알려주지 못하기 때문에 href 속성을 함께 사용한다.

ㅁ href 속성은 하이퍼레퍼런스를 의미하며, href 속성은 웹페이지나 파일의 위치를 ​​나타낸다.

    ┌ 경로를 입력하기 위해 href 속성을 사용
<a href="http://www.naver.com"> 네이버 </a> 
                  ㄴ 이동할 경로를 지정

# 하이퍼링크 설정

a 태그를 사용하여 특정 웹 페이지 또는 웹 페이지 내의 특정 위치로 연결되는 링크를 만들 수 있습니다.

1. 특정 웹 페이지로 연결

<!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> 하이퍼링크 설정 </title>
</head>
<body>
    <a href="http://www.naver.com"> 네이버 </a> <br>
    <a href="http://www.google.com"> 구글 </a> <br>
    <a href="http://www.daum.net"> 다음 </a> <br>
</body>
</html>


네이버를 누르시면

네이버 링크에 연결된 주소를 방문하세요.

2. 웹사이트 내 링크

ㅁ 웹 페이지 내 특정 태그로 이동하려면 id 속성을 추가로 사용해야 합니다. h1 태그에 id 속성을 넣고 a 태그의 href 속성에 ‘#id 속성’ 형태의 문자열을 넣는다. 파일을 실행하고 알파 부분 링크를 클릭하면 이 콘텐츠로 이동합니다.

<!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> 웹 페이지 내부에 연결하기</title>
</head>
<body>                           <!-- 이동하려는 태그의 id 속성을 href 속성에 '#id 속성' 형태로 입력합니다.-->
    <a href="#alpha"> Alpha 부분 </a> 
    <a href="#beta"> Beta 부분 </a> 
    <a href="#gamma"> Gamma 부분 </a>
    <hr>
    <h1 id="alpha"> Alpha </h1>
    <p> alpha에 관한 문단입니다. </p>
    <h1 id="beta"> Beta </h1>
    <p> beta에 관한 문단입니다. </p>
    <h1 id="gamma"> Gamma </h1>
    <p> gamma에 관한 문단입니다. </p>
</body>
</html>


위 링크를 클릭하시면 해당 위치로 이동합니다.

# 텍스트 양식 태그

ㅁ HTML5는 문자 태그를 사용하여 웹 페이지의 텍스트에 동작과 의미를 추가할 수 있습니다.

ㅁ 문자형 태그는 단독으로 사용하거나 제목 및 텍스트 태그에 입력 또는 다른 문자형 태그를 삽입할 수 있습니다. 그러나 제목 텍스트 및 본문 텍스트 태그는 텍스트 모양 태그에 붙여넣을 수 없습니다.

징후 설명
비 분명히
나 기울임꼴(이탤릭체)
작은 소문자
보결 색인
엄청난 어깨 기호
하나 밑줄 텍스트(삽입)
삭제 지우다(삭제) 
<!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> 글자 모양 태그 </title>
</head>
<body>
    <h1><b> b 태그는 굵은 글자를 만들 때 사용합니다. </b></h1>
    <h1><i> i 태그는 기울어진 글자를 만들 때 사용합니다. </i></h1>
    <h1><small> small 태그는 작은 글자를 만들 때 사용합니다. </small></h1>
    <h1><sub> sub 태그는 아래 첨자를 만들 때 사용합니다. </sub></h1>
    <h1><sup> sup 태그는 위 첨자를 만들 때 사용합니다. </sup></h1>
    <h1><ins> ins 태그는 밑줄 글자를 만들 때 사용합니다. </ins></h1>
    <h1><del> del 태그는 취소선이 그어진 글자를 만들 때 사용합니다. </del></h1>
</body>
</html>



끝!