일상

고정 헤더 영역

글 제목

메뉴 레이어

일상

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (14)
    • STUDY (14)
      • SQL (5)
      • HTML (9)

검색 레이어

일상

검색 영역

컨텐츠 검색

html

  • [HTML] <input> 입력, 선택, 버튼

    2025.04.30 by 유하민

  • [HTML] 경로이동 <a>

    2025.04.25 by 유하민

  • [HTML] 리스트 태그 (목록 태그) <ul>, <ol>, <li>, <dl>, <dt>, <dd>

    2025.04.25 by 유하민

  • [HTML] src 삽입의 경로

    2025.04.25 by 유하민

  • [HTML] 시각 자료 삽입 태그 ( img, audio, video, iframe )

    2025.04.23 by 유하민

[HTML] <input> 입력, 선택, 버튼

typetext : 일반 텍스트 입력 password : 비밀번호로 텍스트로 표기되지 않고 입력 radio : 동그란 선택버튼 (중복선택불가) checkbox : 네모난 선택버튼 (중복선택 가능) checked : 기본적으로 체크 되어있는 값 submit : 저장하고 다른곳으로 값을 보냄 button : 단순한 버튼 reset : 다시쓰기 file : 파일을 선택할 수 있는 속성 속성 value : 미리 입력된 값autofocus : 입력창을 클릭하지 않아도 자동으로 포커싱 되어있게 만들어주는 속성readonly : 값을 입력할 수 없다.disabled : 비활성화placeholder : 입력값 힌트 (기본적으로 회색으로 표기) 선택박스 textarea : 긴 글 텍스트 입력cols : 가로 너비 (가..

STUDY/HTML 2025. 4. 30. 12:02

[HTML] 경로이동 <a>

'sub'로 이동 티스토리 사이트로 이동 -> 글씨를 클릭하면 작업중인 다른 경로, 절대경로 모두 이동 가능-> target="_blank" : 새로운 창을 열어서 경로를 띄워주는 속성 -> 이미지를 클릭하면 'sub2' 파일로 경로를 이동하는 코드

STUDY/HTML 2025. 4. 25. 16:24

[HTML] 리스트 태그 (목록 태그) <ul>, <ol>, <li>, <dl>, <dt>, <dd>

순서가 없는 리스트 , 첫번째 리스트 두번째 리스트 세번째 리스트 결과첫번째 리스트두번째 리스트세번째 리스트 순서가 있는 리스트 , 첫번째 순서 두번째 순서 세번째 순서 결과 :1. 첫번째 순서2. 두번째 순서3. 세번째 순서 정의 리스트 , , 첫번째 정의할 개념 첫번째 정의하는 설명 두번째 정의할 개념 두번째 정의하는 설명 결과:첫번째 정의할 개념 첫번째 정의하는 설명두번째 정의할 개념 두번째 정의하는 설명

STUDY/HTML 2025. 4. 25. 16:14

[HTML] src 삽입의 경로

상대경로-> 이미지가 현재 작업중인 html파일과 같은 폴더 안에 있을 때 -> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에-> img/ : 'img'폴더 안에 이미지가 있을 때 -> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에-> img/ : 'img'폴더 안에-> img2/ : 'img2'폴더 안에 이미지가 있을 때-> ../ : 현제 작업중이 html 파일이 들어있는 폴더의 이전 폴더 안에 이미지가 있을 때 절대경로 -> 현재 작업중인 기기의 C드라이브 안에서 파일경로를 가져온 경우--> 파일 경로는 실제 파일의 속성에서 가져올 수 있다. -> 도메인 주소 안의 파일 안에서 이미지 파일을 가져온 경우

STUDY/HTML 2025. 4. 25. 16:02

[HTML] 시각 자료 삽입 태그 ( img, audio, video, iframe )

이미지 속성title: 마우스 커서를 올렸을 때 나오는 글src : 이미지 파일width : 가로 넓이height : 세로 크기이미지 파일 포맷 : jpg, png, gif, ,svg(확대시 깨짐없음) 오디오 속성src : 오디오 파일 명controls : 화면에플레이어 표시하기autoplay : 자동재생 (크롬은 지원 안함)loop : 무한반복비디오 속성srcwidthheightcontrolsautoplayloop아이프레임srcwidthheightborder:none => 테두리 삭제

STUDY/HTML 2025. 4. 23. 14:36

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
TISTORY
일상 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바