코딩
HTML 목록태그 ( ul, ol, dl, li 태그 ) 쓰는법과 부모, 자식 태그
HTML 목록태그 쓰는 방법 목록태그는 , , , 4가지가 있고 속성으로는 start와 value가 있다. : unordered list의 약자로 순서가 없는 목록을 만든다. 읽는 즐거움 공부하는 즐거움 기타 위와 같이 과 사이에 내가 넣고 싶은 항목들을 태그로 넣어준다. : ordered list의 약자로 순서가 있는 목록을 만든다. 태그에서는 start와 value 속성을 쓸 수 있다. start는 태그에 속성으로 쓸 수 있고 리스트가 시작하는 숫자를 말해준다. value는 태그에 속성으로 쓸 수 있고 그 값의 목차 숫자를 지정해준다. 읽는 즐거움 공부하는 즐거움 기타 읽는 즐거움 공부하는 즐거움 기타 기타등등 위와 같이 start에 시작하고 싶은 숫자를 써주고, value에는 지정될 목차 숫자를 써..
코딩
HTML 속성(attribute)과 <img> 태그 쓰는 법
HTML 속성 HTML 속성은 태그의 이름만으로 부족한 정보를 채워주는 역할을 한다. 태그가 역할을 할 수 있도록 도와주는 기능이라고 생각하면 될 것 같다. 태그 쓰는 방법 를 쓰기 위해서는 속성을 같이 써주어야 한다. 사용할 속성은 scr, width, height, alt 4가지이다. scr : 어떤 이미지를 넣을지 선택한다. scr = "joy.jpg" (사진파일과 웹페이지 파일이 같은 폴더에 있을 때) src = "C:\Users\wjddn\Pictures\joy.jpg" 사진파일이 웹페이지 파일과 다른 폴더에 있다면 위치를 알려주어야한다. 사진파일의 위치는 속성에서 확인할 수 있다. width : 이미지의 가로 길이를 정해준다. width = "300" 또는 width = "50%" 와 같이 숫..
코딩
HTML <br> 과 <p>
글을 쓸 때 문단을 나누는 것과 줄을 바꾸는 것은 매우 중요하다. 문단을 나누는 것과 줄을 바꾸는 것으로 가독성이 크게 차이나기 때문이다. 마찬가지의 이유로 웹페이지에서도 문단을 나누고 줄을 바꾸어 주어야한다. 아래와 같이 작성해본다. 3번째 라인에서 한 줄을 띄웠고 4,5번째 라인까지를 한 문단으로 묶었다. 나의 의도대로 웹페이지에 표시가 되었는지 확인해본다. 줄바꿈도 문단도 없이 그냥 쭉이어서 읽기 참 불편하게 표시됐다. atom에서 엔터를 치면 라인은 바뀌지만 atom에 보이는 라인이 웹페이지에서도 그대로 보이지는 않는 것 같다. 내가 원했던대로 표시되게 하려면 과 태그를 이용해야 한다. 태그는 줄을 바꿔주는 역할을 한다. 얘는 줄을 바꾸면 끝이니 앞에 배웠던 태그들과 다르게 내용을 가둘 필요가 없..
