개발공부/HTML

개발공부 1일차 - 2. html 글자크기, 버튼, 링크열기

게임하는엄마 2018. 5. 28. 23:08

 

 

 

개발 공부 1일차

 

 

 

 

https://www.w3schools.com

 

 

위의 링크에서 하나씩 공부해보고

신랑에게도 배우기로!

 

 

 

 

지난번 설치했던  Live Server 로 바로 확인해가며 할수 있다 

 

 

 

 

 

 

 

<!-- html 을 정의 한다 -->
<!DOCTYPE html>

<!-- html 구성 -->
<html>

<!-- html의 메타 데이터(화면에 보이진 않음) -->
<head>
    <!-- html 문서의 제목 -->
    <title>Page Title</title>
</head>
<!-- 화면에 보여지는 영역 -->
<body>
    <!-- 제목들(숫자가 작을 수록 큼) -->
    <h1>첫번째로 큰 글자</h1>
    <h2>두번째로 큰 글자</h2>
    <h3>세번째로 큰 글자</h3>
    <h4>네번째로 큰 글자</h4>
    <h5>다섯번째로 큰 글자</h5>
    <h6>여섯번째로 큰 글자</h6>

    <!-- 버튼 -->
    <button>클릭</button>
    <!-- 링크 현재 창에서 이동 -->
    <a href="http://naver.com">네이버</a>
    <!-- 링크 새 창에서 이동 -->
    <a target="_blink" href="http://naver.com">네이버</a>
</body>

</html>

 

 

글자 크기 : h1부터 h6까지 가능

 

버튼만들기 : button 태그로 가능

 

링크 현재 창에서 열기  : a href="주소"

 

링크 새 창에서 열기 : a target="_blink" href="주소"