복습정리

HTML CSS

IT새내기IM 2023. 1. 5. 22:22

HTML 사용시 보통 

HTML:5 tab이용해서 로드후 작성하고 

head에 스타일,타이틀주고 body에 div나 table tr td를 이용해서 방을 만든다.

<b>과 <strong>태그는 폰트를 굵게하는 태그

<span>은 안의 출력길이만큼만 영역을 가지는태그

<p>는 일정여백을 가지는태그 

<img src="img/123.jpg" width="500" height="100" alt="">이미지 불러오는 태그

 

<style>헤드태그에 많이 쓰이는 명령어

#me { border:1px solid red;

          font-size:20px;

          color:blueviolet;

          font-weight: bold;

          text-align: center; vertical-algin: top;

         background-color: #FFF;

        padding-right:40px;

       margin:20px;

        border-collapse : collapse
       border-spacing : 0px

    border-radius: 14px 14px 14px 14px;  (세로 길이의 반이 최대치 적용임

         }

바디 인라인스타일요소에 적용시 예

<td style="color:blue; font-size:20px;">2

 

table td에 길이를 주지 tr에는 길이를 주지말자 높이정도만 dd

td 속성인 colspan=3은 행 rowspan=2은 열을 합치는것  (가로로 세칸 점유 세로로 두칸점유)

 

가로 높이 퍼센트줄때는 부모태그의 길이,높이에서 퍼센트를 상속 받는다. 

 

a {text-decoration: none;
        }
        a:link {color : black;} 
        a:visited {color : black;} 방문한사이트 색깔
        a:hover {color : black;} 올렸을떄 
        a:active {color : aqua;} 실핼할떄
a태그 속성href,와 target="_blank"

_blank   링크된 문서를 새로운 윈도우나 탭(tab)에서 오픈함.
_self   링크된 문서를 링크가 위치한 현재 프레임에서 오픈함.
기본값으로 생략 가능.
_parent   링크된 문서를 현재 프레임의 부모 프레임에서 오픈함.
_top   링크된 문서를 현재 윈도우 전체에서 오픈함.

 

<a href="경로l">

&nbsp; 스페이스바할떄 쓰임  &lt; <  &gt; >