[HTML] 텍스트 영역 태그 - <textarea>

태그 - 사용자가 더 많은 텍스트를 작성할 수 있도록 더 큰 텍스트 필드 생성 rows : 행의 길이 결정 cols : 열의 길이 결정 Anything else you want to add?

• format_list_bulleted Front-end/HTML
• · 2023. 9. 7.
• textsms

[HTML] 드롭 다운 목록 태그 - <select> & 데이터리스트 태그 - <datalist>

태그 - 드롭 다운 목록 생성 - 목록을 스크롤하여 하나의 옵션을 선택할 수 있도록 함 태그 - 목록에 들어갈 요소 추가 목록1 목록2 목록3 What type of cake would you like? Choco Cheese Mango 태그 - 데이터리스트 생성 - 전체 목록을 띄워 하나의 옵션을 선택할 수 있도록 함 - 일치하는 목록이 없더라도 사용자가 새로운 목록 입력할 수 있음 What type of sauce would you like?

• format_list_bulleted Front-end/HTML
• · 2023. 9. 7.
• textsms

[HTML] UI 요소 라벨 태그 - <label>

태그 - UI 요소와 연결된 설명 텍스트를 나타내는 데 사용 - 해당 라벨을 클릭하면 연관된 폼 요소에 포커스가 맞춰 for: 레이블이 어떤 폼 요소와 연관되어 있는지 명시. for 속성의 값은 연관된 요소의 id 속성 값과 일치해야 함 내용 Username

• format_list_bulleted Front-end/HTML
• · 2023. 9. 7.
• textsms

[HTML] 사용자 입력 폼 태그 - <form>

태그 - 웹 페이지에서 사용자로부터 데이터를 수집하기 위한 인터페이스를 제공 - 사용자로부터 입력을 받을 수 있는 HTML 입력 폼(form)을 정의 - 사용자와 웹사이트 간에 상호작용 지원 action: 폼 데이터를 처리하게 될 서버의 URL을 지정 method: 데이터 전송 방식을 지정. HTTP 동사 사용 GET: 주로 데이터를 검색할 때 사용. 폼 데이터는 URL의 쿼리 문자열로 전송. 입력정보가 주소(i.e., url bar)에 나타나고 4096byte까지만 전송가능 POST: 폼 데이터를 본문에 포함시켜 전송. 주로 데이터를 서버에 제출할 때 사용. 입력정보가 드러나지 않고 사이즈 제한도 없음 내용 : "전송방식" 요청으로 url에 정보를 보냄 Creating a form Looks like ..

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 테이블 태그(3) - 테이블 테두리 추가

테이블 테두리 1. 의 border 속성 추가 내용 01 02 2. CSS 사용 table { border: 1px solid black; } table, td { border: 1px solid black; }

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 테이블 태그(2) - colspan, rowspan 속성

colspan 속성 - , 에서 주로 사용 - 데이터가 여러 열에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 열의 개수를 입력받음 코드 coffee tea latte Americano herb tea strawberry latte colspan 속성 - , 에서 주로 사용 - 데이터가 여러 행에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 행의 개수를 입력받음 코드 coffee tea latte Americano Herb tea Strawberry latte Cold brew Matcha latte

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 테이블 태그(1) - <table>, <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>

테이블 태그 (table) - 데이터를 포함하는 셀들의 행과 열로 구성된 2차원 테이블 생성할 때 사용 태그 - 테이블 생성 태그 - 테이블에 행 추가 태그 - 테이블에 데이터 추가 - 테이블 행, 열 내에 위치해야 함 Americano Herb tea Strawberry latte 태그 - 테이블의 행과 열에 제목 추가 scope : 제목이 어느 곳에 위치할지 결정하는 속성 제목 : 행의 제목 제목 : 열의 제목 coffee tea latte Americano Herb tea Strawberry latte 태그 - 테이블 데이터를 섹션화 - 테이블이 커져 많은 데이터를 포함할 때 사용 - 데이터를 한 개 이상 포함해야 함 coffee tea latte Americano Herb tea Strawberr..

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms