HTML5 리스트를 표시하는 ul,ol 1. ul 2. ol 3. li 1. ul unordered list의 약자로 순서가 없는 리스트라는 블록형 태그로 브라우저에 표시될 때 리스트의 각 요소 앞에 불릿이라고 불리는 "•" 기호가 자동으로 붙게 된다. 리스트 요소1 리스트 요소2 리스트 요소3 HTML 삽입 미리보기할 수 없는 소스 딱히 각 요소가 표시되는 순서 필요없는 메뉴항목이나 제품등을 표시할 때 사용한다. 2. ol ordered list의 약자로 순서가 있는 리스트라는 블록형 태그로 브라우저에 표시될 때 리스트의 각 요소 앞에 숫자가 순서대로 자동 부여된다. 우선순위가 있는 작업이나 일정을 표시하는데 유용하다. 리스트 요소1 리스트 요소2 리스트 요소3 HTML 삽입 미리보기할 수 없는 소스 순서가 부여되기 때문에 우선순위가 있는 .. 2024. 4. 14. input태그 목차 1. input 태그란 2. 다양한 타입들 1. input 태그란 사용자가 원하는 데이터를 입력하기 위한 태그 설정하는 타입에 따라 용도와 사용방법이 다름 2. 다양한 타입들 1) text 일반적인 문자를 입력하는 타입으로 다양한 내용의 입력을 받는 용돌로 사용된다. HTML 삽입 미리보기할 수 없는 소스 2) password 패드워드 같이 보안에 관련된 사항을 입력할 때 사용된다. 텍스트가 특수문자로 치환되어 보인다. HTML 삽입 미리보기할 수 없는 소스 3) 라디오버튼 여러 선택지 중 하나만 선택을 하기 위한 버튼이다. HTML 삽입 미리보기할 수 없는 소스 4) 체크박스 여러 선택지 중 다중 선택이 가능한 버튼이다. HTML 삽입 미리보기할 수 없는 소스 5) date 달력모양의 선택 버튼을.. 2024. 4. 11. 인라인형 태그 1. 인라인형 태그란 블록형 태그는 가로 축 영역을 전부 사용하였다면 인라인형은 자신이 가지고 있는 내용의 크기만큼만 영역을 차지한다. 2.자주 사용하는 태그 1) - 다용도로 사용되는 인라인 속성 태그다. 2) - 특정 페이지나 사이트로 이동할 때 사용하는 태그다. - src 속성을 사용하여 이동할 페이지의 경로나 사이트의 주소를 작성하여준다. 3) - 새로운 라인을 사용할때 사용하는 태그로 enter키를 사용하는 것과 같은 의미를 지닌다. 4) - 사용자의 특정한 입력을 위한 태그로 여러 형태가 있다. 5) - 주로 input태그와 같이 사용되어 어떤 내용이 입력되어야 하는지 표시할 때 사용된다. - for속성을 통해 input의 id 속성과 매칭되어 라벨태그로 표시된 텍스트를 클릭했을 때 input.. 2024. 4. 7. 블록형 태그 웹 문서를 만들 때 태그를 사용하여 여러 요소를 표시한다. 그 태그들이 가진 기본적인 속성 블록형에 대해 알아보기로 한다. 1. 블록형 태그 - 블록형 태그는 기본적으로 웹 문서의 가로 축전체를 차지한다. 위 container1(파란박스)이 가진 스타일을 보면 가로의 길이(width)를 지정해주지 않았지만 한 가로축의 길이를 모두 차지하여 다음 빨간 박스가 파란박스 밑에 위치하게 된다. 그래서 특정 요소들을 묶어 다른 요소와 구분하는데 주로 사용된다. 2. 자주 사용하는 블록 태그 1) 2) ,, 3) 4) 5) 6) 3. 참고사항 블록형은 기본적으로 가로축을 다 차지하기 때문에 다음 요소가 밑으로 내려간다고 했다. 그렇다면 가로의 길이를 제한한다면 다음 요소가 밑이 아닌 옆으로 위치하지않을까? 위 이미.. 2024. 4. 7. 이전 1 2 다음