HTML 기초-2

kimyeayoung_yee·2023년 8월 29일

HTML 기초

목록 보기
2/3


<a>
Target 속성 링크된 리소스를 어디에 표시할지 나타내는 속성
속성값= -self _blank _parent _top
_self는 현재화면에 표시하는 의미 
Target 속성이 선언되지 않으면= self와 같이 동작함


내부링크 - href속성값에 #을 쓰고 그 뒤에 페이지 내에서 이동하고자하는 요소의 id속성값을 적으면 됩니다./화면 하단에 있는 ‘top’또는 ‘맨 위로 이동하기’버튼이 이에 해당함.
아무의미 없는 태그
-	Span(인라인 레벨 태그)
-	Div (블록 레벨 태그)
UL 순서가없는 리스트
Ol 순서가 있는 리스트 표현할 때 사용함
=둘다 li 사용해야함
<dl>태그 – dt – 용어를 나타냄/dd- 용어에 대한 정의 또는 설명을 나타냄
-용어와 그에 대한 정의를 표현할 때 사용함

Img는 문서에 이미지를 삽입하는 태그로, 닫는 태그가 없는 빈 태그
Src 속성
-	Img의 필수속성으로 이미지의 경로를 나타내는 속성
Alt 속성 
-	이미지의 대체 텍스트를 나타내는 속성
Width/height 속성 
-	이미지의 가로/세로 크기를 나타내는 속성
-	값의 단위는 필요하지 않고, 값을 입력하면 자동으로 픽셀 단위로 계산됨
-	이 속성이 없으면 이미지는 원본크기대로 노출됨
-	둘 중 하나만 선언하면 나머지 한 속성은 선언한 속성의 크기에 맞춰 자동으로 비율에 맞게 변경됨 
상대경로와 절대경로
상대경로- 현재 웹 페이지를 기준으로 상대적으로 이미지의 위치를 나타내는 경로
절대경로는 실제 그 이미지가 위치한 곳의 전체경로

이미지 파일 형식
gif:제한적인 색을 사용하고 용량이 적으며 투명 이미지와 애니메이션 이미지를 지원하는 형식
Jpg: 사진이나 일반적인 그림에 쓰이며 높은 압축률과 자연스러운 색상 표현을 지원하는 형식(투명 지원하지 않음)
Png: 이미지 손실이 적으며 투명과 반투명을 모두 지원하는 형식
표의 구성 요소
<table>: 표를 나타내는 태그
<tr>:행을 나타내는 태그
<th>:제목 셀을 나타내는 태그
<td>:셀을 나타내는 태그- tr안에 사용됨

<caption> :표의 제목을 나타내는 태그
<thead>:제목 행을 그룹화하는 태그
<tfoot>:바닥 행을 그룹화하는 태그
<tbody>:본문행을 그룹화하는 태그
<input type = “text” placeholder=”ooo”>
Type=”text”
주로 아이디,이름,주소,전화번호 등 단순한 텍스트 입력할 떄 사용됨
Type=”password”
-	암호와 같이 공개할 수 없는 내용을 입력할 때 사용함
-	화면에는 type=”text”와 같게 나타나지만 실제로 입력할 때 값을 노출하지 않음
Type=”radio”
-	라디오 버튼을 만들 때 사용함
-	중복선택 불가능하고, 하나의 항목만을 선택해야함
<input type=”radio” name=”gender”>남자
<input type=”radio” name=”gender”>여자
Type=”checkbox”
<input type="checkbox" name="hobby"> 등산
<input type="checkbox" name="hobby"> 독서
<input type="checkbox" name="hobby"> 운동
-	체크박스 만들 때 사용
-	체크박스는 중복 선택이 가능
profile
법학과에서 컴퓨터공학과로

0개의 댓글