[HTML] 시맨틱 태그(Semantic tag) (2) - <section>, <article>, <aside>

태그 - 제목 또는 동일한 주제를 가진 문서의 영역을 정의 Facts About Dogs Dogs have a sense of time. It's been proven that they know the difference between a hour and five. If conditioned to, they can predict future events, such as regular walk times. 태그 - 해당 문서나 페이지와는 완전히 독립적으로 구성할 수 있는 요소를 정의 - 주로 포럼, 블로그 포스트, 보도 기사, 논평 등이 포함 Fun Facts About Cricket A single match of cricket can last up to 5 days. 태그 - 페이지의 다른 콘텐츠들과 ..

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

[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