본문 바로가기

Knowledge/HTML & CSS7

[HTML-3] 입력요소 1. 입력요소 1-1. input 사용자로부터 값을 입력받을 수 있는 대화형 컨트롤(필드), 기본적으로 인라인 요소이며, 단일태그이다. name 식별자를 추가하면 각 입력항목을 이름별로 구분할 수 있다. type 값에 따라 입력 요소나 형태가 달라진다. 주로 사용하는 type은 button,checkbox,date 등등 주가적인 type정보는 https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. 사용자 에이전트에 따라서 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존재.. 2023. 5. 30.
[HTML-2] 속성 링크 목록 1.전역속성 모든 html태그에 공통으로 사용할 수 있는 속성 1-1. ID 요소에 고유한 이름을 부여하는 식별자 역할 속성 1-2.class 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성 1-3.style 요소에 적용할 css 스타일을 선언하는 속성 빨간글씨 1-4.title 요소의 추가 정보를 제공하는 텍스트 속성(=부가속성) 사용자에게 툴팁 제공 (커서 갖다대면 말풍선 나타남) 제목 2.링크 현재 문서에서 다른 문서로 이동할 수 있는 수단 2-1. 링크는 anchor a 태그 요소는 href 속성을 통해 url 또는 전화연결 페이지를 만든다. target에 _self는 그페이지 그대로 열고, blank는 새창으로 연다. 네이버로 접속 전화연결 3.목록태그 3-1. ul(unordred list).. 2023. 5. 30.
[HTML-1] 기본 태그 1.블록 태그 : 블록을 가지고 있음. 1-1. 문단 (paragraph) p 태그는 문단요소 태그로써, 가장많이 사용되는 텍스트 태그이다. 하나의 태그는 하나의 문단을 표현한다. 안녕하세요! 문단과 문단 사이에는 공백이 있습니다. 1-2. 제목 (headline) h 태그는 제목요소를 나타내는 태그이다. 숫자(1~6)와 함께 사용되며, 1일때 가장 크고 6일 때 가장 작다. 제목! 제목! 제목! 제목! 제목! 제목! 1-3. 수평선 hr 태그는 수평선을 표시하는 단일태그이다. 수평선은 구분을 위해 주로 사용된다 제목! 내용입니다 1-4. 줄바꿈 태그와 공백문자 br 태그는 줄바꿈 태그이고, 칸을 띄워 공백을 나타내는 문자조합은 &nbsp 이다. br은 줄바꿈태그 br은 줄바꿈태그 이거는 칸 공백태그~~.. 2023. 5. 30.