공부 내용/HTML (7) 썸네일형 리스트형 html 링크를 걸기 위한 <a> 태그 사용법 다음은 태그를 사용하기 위한 코드이다. href 속성은 링크가 걸린 주소를 열수 있게 해주는 속성이다. target 속성은 새로운 창으로 열리게 해주는 속성이다. title 속성은 링크가 걸린 사이트의 간단한 설명을 적어줄수 있다. 마우스를 얻어 놓게 되면 설명이 적혀있고 링크가 걸려있게 된다. HTML의 기본적인 코딩 형태 목차를 만들기 위한 <li>, <ul> 웹 사이트의 목차를 만들기 위한 , 태그를 사용해 보자. 부모인 은 목차의 구분을 짓기 위해 사용 되어지고 자식 는 목차를 내용을 표시한다. 부모인 대신 사용하게 되면 앞에 표시되어지는 숫자를 자동으로 입력되게 된다. 이미지 삽입과 속성에 대하여 이미지를 삽입 하기 위해 사용하는 태그이다. 는 태그로는 어떤 이미지를 가르키는지 모르기 때문에 속성을 사용하여 더많은 의미를 img 태그에 넣어 준다. src는 경로를 나타내고 width는 사진의 크기를 나타낸다. 속성의 순서가 바뀌는건 문제가 되지 않는다. 이미지는 unsplash에서 다운하여 테스트 하였다. <br>, <p>태그 태그는 텍스트의 줄을 바꾸어 준다. 다음 코드는 태그를 적용한 코드이다. 태그는 단락을 나누어 준다. 제목 태그 <h1></h1>사용법 HTML의 제목 태그 사용법 HTML 제목 태그는 h하고 뒤의 숫자가 커질수록 다음과 같이 제목의 크기가 작아진다. 웹 본문 글을 진하게 또는 밑줄 긋기 본문의 내용중 중요한 내용을 진하게 하고 싶다면 이부분의 내용이 진하게 된다. 또같은 방법대로 밑줄을 긋는 다면 밑줄을 긋고 싶은 내용을 넣으면 된다. 코드 작성 HTML 파일 실행 HTML 파일을 실행하면 위와 같이 실행이 된다. 이전 1 다음
