style 개념<태그이름 style=”속성이름:속성값”>
색(color) : 색상이름 또는 rgb코드(n,n,n) 또는 #6자리숫자(16진법) 으로 변경가능
ex)빨간색 : red=rgb(255,0,0)=#FF0000
배경(background) : 색만 입힐거면 background-color:색입력과 동일
이미지를 넣고 싶다면 background-image:url(주소명)을 해야 한다.
링크(link) : <a> 태그를 쓴다.
<a href=”가고자 하는 주소”>주소명</a>
인터넷의 경우 https://를 무조건 추가해야함
같은 위치,다른위치의 파일,폴더들도 열 수 있다.
target을 이용하여 새 창에서 열 수 있다.(기본값은 링크가 있는 창에서 열림 : _self)
<a href=”가고자 하는 주소” target=”_blank”>면 새 창이나 새 탭에서 열린다.
북마크 : <a href=”#이름”>링크를 만들 부분
<a name=”이름”>위의 링크를 누르면 내려오게 만들 곳
이미지(image):<img>태그를 쓴다.
<img src=”이미지주소” alt=”이미지를 못불러올 시 표시해줄 문자열”>-기본값
만약 이미지에 링크를 달고 싶다면 <a href=””><img태그></a>를 하면 된다.
그림의 크기를 늘이거나 줄여서 출력하고 싶다면 alt 다음에 weight=”원하는가로값” height=”원하는세로값” 을 추가하면 된다.
리스트(list)
순서가 없음(unordered list)-<ul>,<li>-색이 칠해진 점으로 표시(기본값)
순서가 있음(ordered list)-<ol>,<li>-1,2,3 순서로 표시(기본값)
정의리스트(definition list)-<dl>-,<dt>,<dd>-간단하게 설명하면 사전형태 띄워쓰기
dl-definition list/dt-definition tatle/dd-definition data