Day 3
img/input/a 태그 구글링해보고 실습하기
1. <a>
: 다른 웹사이트로 가는 링크(하이퍼링크)를 걸어주는 태그
- 속성
- 1) href : 클릭 시 이동할 링크
- 2)target : 링크를 여는 방법
- _self : 현재 페이지
- _blank : 새 탭
- _top : 최상위 페이지
2. <img>
: 이미지 태그 이미지의 src 속성 안에 사용한다. / alt 속성: 이미지 불러오기가 실패 할 때 화면에 보여질 글자
- 속성
- 1) arc : 이미지의 경로
- 2)width : 이미지 가로 크기
- 3)height : 이미지 세로 크기
3. <input>
: 입력창 의미
type은 해당 태그의 속성 type="text" 타입이라는 속성의 값이 text이다.
- 속성
- 1) type : 입력 태그의 유형
type 속성값 | 기능 |
text | 텍스트를 입력하는 창 생성 |
password | 비밀번호 입력 창 생성 |
radio | 라디오 버튼 생성 |
checkbox | 체크박스 생성 |
file | 파일 이름 입력하는 창 생성 |
image | 이미지 전송 버튼 생성 |
hidden | 서버로 전송 |
submit | 제출, 전송하는 버튼 생성 |
button | 일반 버튼 생성 |
- 2) value : 입력 태그의 초기값, 사용자가 변경 가능하다.
- 3) name : 서버로 전달되는 이름
오늘 결과
<!DOCTYPE html>
<html lang="en">
<head>
<title>나의 웹사이트</title>
</head>
<body>
<h1>오늘 배운 내용</h1>
<div>
<h2>1. a태그</h2>
<a href="https://sodock00.tistory.com/">내 블로그</a>
</div>
<div>
<h2>2. img태그</h2>
<p>래브라도 리트리버 사진 삽입</p>
<img src="https://img1.daumcdn.net/thumb/R1280x0.fjpg/?fname=http://t1.daumcdn.net/brunch/service/user/97g5/image/4N4wUQcJe9piKSkSAeUyop4Hd6A"
width="200" height="100">
</div>
<div>
<h2>3. input태그</h2>
<input type="text" /></br>
<input type="password"/> </br>
<input type="radio"/> 남성
<input type="radio"/> 여성
</div>
</body>
</html>
'WEB' 카테고리의 다른 글
[WEB] CSS 기본실습(2) (0) | 2022.02.26 |
---|---|
[WEB] CSS 기본실습 (0) | 2022.02.25 |
[WEB] HTML 기본실습(3) (0) | 2022.02.24 |
[WEB] HTML 기본 실습 (0) | 2022.02.22 |
[WEB] HTML 개념 알아보기 (0) | 2022.02.21 |