1. block과 inline 구별
block은 한 줄을 모두 차지한다. inline은 해당 내용 길이만큼만의 공간을 차지한다.
block에는 div가 속해있고 inline에는 span, input등이 속해있음.
2. div/span은 묶는것인데 각각 block/ inline으로 묶는다.
3. <h1><h2><h3>... h태그는 글자 크기를 조절할 때 쓴다. 뒤에 숫자가 커질수록 글자 크기가 작아짐.
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
4. 리스트 만들기
리스트를 만들때는 <li>태그를 이용한다. 이때는 <ul> 또는 <ol>로 묶어줘야 한다. ul과 ol의 차이는 각각 리스트를 ●과 같은 기호로 나타내주거나, 숫자로 나타내준다는 것이다. <li>태그를 이용하면 사이트 상에는 아래와 같이 목록이 표현된다.
태그 작성은
<ul>
<li>이건 ul첫번쨰 목록이야<li>
<li>이런식으로 두번째<li>
<li>이건 세번째<li>
와 같은 방법으로 한다. ol도 마찬가지이다.
5. 링크 넣기
<a>태그를 이용한다 a태그는 inline이다. 네이버 바로가기를 만든다고 하면
<a href="http://naver.com"><네이버바로가기></a>
반응형