Html-a,img,iframe

YOOJIN PARK·2021년 11월 1일
1
post-thumbnail

11/1 첫 정규수업

오늘은 기본적인 구조와 HTML의 필수 태그들에 대한 수업을 진행했다.
기존에 알고 있던 것들을 베이스로 해서 새롭게 알게된 정보들을 우선 정리하고, 과제를 진행하면서 새롭게 알게된 것을 정리하려고 한다.
정말 알면 알수록 세밀한 HTML이다!

1. a

a태그(anchor tag): 다른 화면으로 이동시켜주는 태그이다.

 <a href="https://www.naver.com">click</a>
  <a href="https://www.naver.com" target="_blank">click</a>  
  <a href="./index.html">click</a>
  <a href="#three">click</a>
  <a href="./test.png" download>click</a>

1)속성

target - 다른 화면으로 이동할때, 새로운 탭을 생성한다.
download - 해당 자료를 다운로드 할 수 있다.

2)경로

절대경로: 경로가 바뀌지 않는다

<a href="https://www.naver.com">click</a>

상대경로: 현재위치에 따라 경로가 바뀐다.

<a href="./index.html">click</a>

파일 내 이동: 새로운 페이지가 아닌 현재 파일 내의 이동

<a href="#three">click</a>

2.img

img태그(image): 이미지를 삽입하는 태그이다.

<img width="200px" src="a.jpg" alt="">

1)속성

👍html태그내에 width와 height를 넣을 수 있다
👍width 또는 height 값을 하나만 입력하면, 나머지는 auto값을 갖는다.
👍두가지 다 값을 입력하면 이미지가 무너질 수 있으니 주의!


3.iframe

iframe태그: 다른 웹사이트를 넣는 태그 이다.

<iframe width="1280" height="720" src="http://www.paullab.co.kr"></iframe>

✔항상 해킹에 주의
✔사용자가 iframe을 달 수 없도록 하는게 좋다.




오늘은 기본적인 html을 했는데도 새롭게 알게된 것들이 이렇게 많으니, 앞으로 더 열심히 하는 수 밖에 없겠다.😂

profile
개발자를 꿈꾸는 개린이입니다.

0개의 댓글