프론트 002

규링규링규리링·2024년 8월 12일

프론트 공부하기

목록 보기
2/135

웹페이지 구성 언어

마크업 : 텍스트, 문서의 표시 및 지정 표기

HTML문서는 수많은 태그로 이루어져 있음

태그,내용으로 이루어진 요소를 엘리먼트라고함.

태그는 약속된 명령어로 각각이 고유한 기능을 가지고 있음

자주 사용하는 태그

꾸며주는 태그

<strong> Hello </strong> : Hello
<u> Hello </u> : Hello
<i> Hello </i> : Hello

빈 태그

안녕<br>하세요<hr> :
안녕
하세요


빈 태그는 시작태그, 내용, 종료태그로 이루어지지 않고
단순히 태그 하나로만 이루어져있음 (내용이 없어서 빈 태그)
<br> : 줄바꿈
<hr> : 수평선

특정 기능이 있는 태그

<button>버튼</button> : 버튼
<textarea>입력창</textarea> :

이미지, 동영상 태그

<img src ="image.png"/> :

image.png 나 video.mp4에는 파일의 경로가 들어감

태그는 고유한 기능을 가지고 있지만
속성과 값을 커스터 마이징이 가능함

: <input type="text">
: <input type="password">
: <input type="checkbox">

세가지 모두 input 태그지만
타입 속성을 다르게 만들어서 역할이 다름.

또한 속성과 값은 중첩이 가능함
: <input type="text" placeholder="텍스트">
타입속성, 플레이스홀더 속성 두가지를 넣은것

일부 속성은 특정한 값만 가질 수 있음
type 속성또한 몇가지 사전에 지정된 값들만 사용이 가능함
placeholder 속성은 제한이 없음.

0개의 댓글