HTML8 html <input>태그 사용 입력칸, 체크박스, 선택버튼, 드롭다운메뉴 만드는 방법 html에서 입력, 체크박스, 선택버튼, 드롭다운 메뉴를 만드는 방법을 알아보겠습니다. 1. 입력란 만드는 방법 태그를 사용하여 속성을 "text"로 합니다. Name: 결과물입니다. Name: 2. 체크박스 만드는 방법 태그를 사용하여 속성을 "checkbox"로 합니다. Check me: 결과물입니다. Check me: 3. 옵션선택버튼 또는 항목 선택 버튼 태그를 사용하여 속성을 "radio"로 합니다. Select an option: Option 1 Option 2 Option 3 결과물은 다음과 같습니다. Option 1:Option 2: 4. 드롭다운 메뉴 만드는 방법 태그를 사용하여 속성을 "dropdown"로 합니다. Select an option: Option 1 Option 2 Opti.. 2023. 6. 14. HTML 표 만들기 - <table>, <tr>, <td> 태그 활용 , , 태그를 사용하여 테이블을 작성할 수 있습니다. 태그는 테이블 요소임을 말해주는 것이고, 태그는 테이블 행을 말하며, 태그는 테이블 셀을 말합니다. 테이블 예시입니다. 2023. 6. 14. html에서 <ul>, <ol>태그로 목록만드는 방법 오늘은 HTML에서 정렬되지 않은 목록과 정렬된 목록을 만드는 방법을 알아보겠습니다. 사용하는 태그는 1. 정렬되지 않은 목록 2. 정렬된 목록 1. 정렬되지 않은 목록은 태그를 사용하여 만듭니다. 태그 안에 태그를 사용하여 개별 목록 항목을 추가할 수 있습니다. 예시입니다. 이 값을 HTML에 삽입하면 출력값은 이렇게 나옵니다. Unordered List Example Item 1 Item 2 Item 3 2. 이번엔 정렬된 목록 태그를 사용한 예를 살펴보겠습니다. 정렬된 목록 도 태그 내에서 태그를 사용하여 개별 목록을 추가할 수 있습니다. 예시의 출력 값은 다음과 같습니다. Ordered List Example First item Second item Third item 위에 정렬되지 않은 목록과의.. 2023. 6. 13. html 이미지 삽입 방법 이번에는 태그와 src속성을 사용해서 HTML에 이미지를 삽입해 보겠습니다. Image Insertion Example 원래는 이미지가 표현되어야 하지만 그냥 예시라 이미지 표시만 나왔습니다. ^^ 이미지를 넣을 때는 태그를 사용합니다. src속성은 이미지의 소스나 URL을 지정합니다. 따라서 의 형태로 사용합니다. 이미지에 대한 텍스트를 제공하기 위해 alt속성도 추가해 줍니다. 간략하고 설명적인 텍스트를 넣어주는 것이 좋습니다. ※ 텍스트 추가시 주의점 - 설명적이지만 간결하게! 중요한 정보!! 중복되거나 관련없는 정보는 피할 것!!! 여기서 TIP 이미지에도 URL주소가 생기기 위해서는 어딘가에 올려져야 하는데요. 우리는 Tistory 블로그를 활용해서 주소를 만.. 2023. 6. 13. 이전 1 2 다음
