개발 공부 1일차
위의 링크에서 하나씩 공부해보고
신랑에게도 배우기로!
지난번 설치했던 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="주소"
'개발공부 > HTML' 카테고리의 다른 글
개발공부 3일차 -2. html style(배경색, 텍스트 색상, 글꼴, 크기 바꾸기) (0) | 2018.05.30 |
---|---|
개발공부 3일차 -1. html 줄바꿈 <br><pre> (0) | 2018.05.30 |
개발공부 2일차 - 2. html 주석달기(comment) (0) | 2018.05.29 |
개발공부 2일차 -1.html 목록만들기<ul><ol><li> (0) | 2018.05.29 |
개발공부 1일차 - 1. 개발 프로그램 선택하기(Visual Studio Code) (0) | 2018.05.28 |