코딩
HTML <a> 태그 쓰는 법
하이퍼링크 웹페이지에서 글씨나 그림에 마우스를 올렸을 때 손가락 모양으로 변할 때가 있다. 이 부분을 클릭하면 연결된 사이트로 이동하거나 파일을 다운받을 수 있는데 이 역할을 하는 것이 하이퍼링크다. 태그 쓰는 방법 하이퍼링크를 쓰기위해서는 태그를 이용한다. 사용할 속성은 href, target, title 3가지이다. href : 이동할 위치의 주소를 알려준다. href = "목차.html" (연결될 웹페이지와 같은 폴더에 있을 때) href = "https://bearwoong.tistory.com/" (인터넷의 다른 웹페이지로 이동시킬 때) target : 이동할 때 창을 어떤 형태로 띄울지 결정한다. target = "_blank" (새창에서 이동할 페이지를 띄운다) target = "_self"..
코딩
HTML 목록태그 ( ul, ol, dl, li 태그 ) 쓰는법과 부모, 자식 태그
HTML 목록태그 쓰는 방법 목록태그는 , , , 4가지가 있고 속성으로는 start와 value가 있다. : unordered list의 약자로 순서가 없는 목록을 만든다. 읽는 즐거움 공부하는 즐거움 기타 위와 같이 과 사이에 내가 넣고 싶은 항목들을 태그로 넣어준다. : ordered list의 약자로 순서가 있는 목록을 만든다. 태그에서는 start와 value 속성을 쓸 수 있다. start는 태그에 속성으로 쓸 수 있고 리스트가 시작하는 숫자를 말해준다. value는 태그에 속성으로 쓸 수 있고 그 값의 목차 숫자를 지정해준다. 읽는 즐거움 공부하는 즐거움 기타 읽는 즐거움 공부하는 즐거움 기타 기타등등 위와 같이 start에 시작하고 싶은 숫자를 써주고, value에는 지정될 목차 숫자를 써..
기타
티스토리 줄간격이 다르게 나오는 이유, 더보기 텍스트 바꾸는 방법
티스토리 줄간격이 다른 이유 위 사진을 보면 첫 번째 줄간격과 두 번째 줄간격이 다른 것을 확인할 수 있다. 이렇게 줄간격이 다른 이유는 문단을 나눌 때 줄간격과 줄바꿈만 할 때 줄간격이 다르기 때문이다. 첫 번째 줄간격은 문단을 나눌 때 나오는 넓은 줄간격이고, 엔터를 쳤을 때 나타난다. 두 번째 줄간격은 줄바꿈만 할 때 나오는 좁은 줄간격이고, 쉬프트와 엔터를 같이 쳤을 때 나타난다. 접은글의 더보기 텍스트 바꾸는 방법 접은글의 기본형은 위의 사진처럼 '더보기'로 되어있다. HTML 편집으로 '더보기'를 다른 글자로 바꿀 수 있다. 우선 기본모드를 HTML로 바꿔준다. HTML에서 data-text-more="더보기"를 찾아서 큰따옴표 안에 표시하고 싶은 말을 쓴다. 아래와 같이 수정되어 나온다.
코딩
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%" 와 같이 숫..
