html

gmlwo2232·2023년 3월 17일
0

컨테이너 그리고 전역 속성

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그 = 컨테이너
보통은
<div></div>:블럭 레벨 컨테이너
<span></span>:인라인 컨테이너

대표적인 전역 속성들
id:고유한 이름을 부여하는 역할 속성
class:그룹 별로 묶을 수 있는 역할 속성
style:css스타일을 선언하는 속성
title:추가정보를 제공하는 속성

실습

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>유노코딩</title>
    </head>
    <body>
        <h1 class="title">대충 <span>내용</span>이 적힌 제목</h1>
        <p>여기도 내용</p> 
        <hr>
        <div>
        <h1 class="title">2번째 <span>내용</span>의 제목</h1>
        <p>여기도 내용</p>
        </div><hr>
    </body>
</html>

링크 만들기

a 태그 요소는 href 속성을 통해 다른 페이지, 전화번호, 이메일 주소등 다른 url로 연결할 수 있는 링크를 만든다.
인라인 요소이다.
target 속성을 이용하면 현재 탭 또는 새로운 탭에서 여는것을 결정할 수 있다.
href는 메일을 보내거나 전화거는 특정 행동을 지정할 수 있다.

실습

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>유노코딩</title>
    </head>
    <body>
        <a href="https://velog.io/" target="-self">
            링크 접속!!</a>
        <br>
    </body>
</html>
profile
잃어버린 한쪽 에어팟

0개의 댓글