본문 바로가기
국비교육기관/수업

36일차_VSC_HTML

by 밀키스 2021. 4. 30.

21.04.30

 HTML 

@VSC - Ancor Tag <a> 

  -  ancor  태그는 주소값을 넣어 링크로 만들 수 있다.

  -  href  라는 옵션에 이동하고자 하는 주소를 넣으면 링크를 통해 이동할 수 있다.

  - 보면 VSC에는 "htpp" 라고 적어 주었는데, 네이버 주소값에 보면 s가 붙음을 볼 수 있다.

    뭐... 저건 security의 약자로 보안을 위함?? 이니 뭐... 안적어도 된다고함

  - 위 실습은 그림을 넣어서, 링크로 만들었다.

 

@VSC - <table> 

  - table은 표형식의 데이터를 만들 때 사용한다.

  - 표의 제목을 만들때는 caption 기능을 사용한다!

  - 컬럼명을 만들때는 (글자를 두껍게 표시) th 태그를 활용

  - 몇줄인지(행)을 만들때는 tr태그를 활용

  - 몇칸인지(열)을 만들때는 td태그를 활용

 

아래는 실습이다.

@VSC - Table - col / row span 

  -  colspan  /  rowspan  태그는 테이블을 몇칸짜리로 만들지 입력받아 설정해준다.

  - 단어 그대로 행과 열에 따라 사용 태그가 다르다.

  - 보는것과 같이 2칸을 합치고 싶다면, 단순하게 2를 입력하면 된다.

  - 만일 제일 아래쪽에 <td> 태그를 입력하면 그냥 오른쪽 구석지에 하나 생성될 뿐이다.

반응형

댓글