html기본 (2) 썸네일형 리스트형 (생활코딩) HTML 부모자식과 목록 <li>, <ul>, <ol> 이제 HTML, CSS, JavaScript에 대한 목차를 만들어보자 에디터에 목차이름을 작성하고 저장한 후, 웹페이지를 열어보면 위와 같이 나온다. 여기서 태그로 줄을 바꿔주자. 에디터에 을 작성하고 저장한 후, 웹페이지를 새로고침하면 위와 같이 줄바꿈이 된 것을 확인할 수 있다. 여기서, HTML을 만드는 사람들은 목차(목록)를 쓸 때 사용하라고 어떤 태그를 고안했다. 바로 list로 태그를 사용하면 된다. 전에 입력했던 태그를 지우고 태그로 작성해보자. 에디터에 을 작성하고 저장한 후, (여기서 ctrl을 누른상태에서 동일한게 입력하고 싶은곳에 커서를 클릭하면 클릭한 곳에서 동시다발적으로 똑같은 내용을 입력가능하다. (Mac인 경우에는 command)) 웹페이지를 새로고침하면 목차가 생성된다. 여기.. (생활코딩) HTML 줄 바꿈 : <br> vs <p> "html new line tag"로 줄 바꿈에 대한 태그를 알아보자. : 한 줄을 바꿔준다. (단일 태그) 을 n번 입력할 수록 n줄을 나눠준다. "html paragraph tag"로 단락을 나누어 주는 태그를 알아보자 단락나눌부분 : 단락을 나누어 준다. 는 정해진 여백만큼만 단락이 나뉘어진다. 여백을 정하지 않으면 default값으로 여백이 생기고, 여백을 지정해주려면 p태그 안에 를 입력(px안에 원하는 값 입력)해준다. (여기서부터는 css내용) 태그와 태그사이의 여백=margin 으로 표현하며, margin만 입력시 상하좌우로 45px 떨어진다. 윗부분만 여백을 주고 싶을 때는 를 입력해준다. 이전 1 다음
