HTML 목록 태그 ul, ol (점 없애기)

HTML에서 구조화된 데이터를 표현하려면 ul 같은 목록을 사용해야합니다. 목록 태그 중 대표적인 것은 ul (Unordered List)과 ol (Ordered List)입니다. 이 두 태그의 관련 속성, 스타일링 등을 자세히 알아보겠습니다. ul (Unordered List) – 순서 없는 목록 목록에 순서를 지정하지 않으려면 이 태그를 사용해야 합니다. 태그를 사용하면 각각의 항목 앞에 기본적으로 점(bullet)이 표시됩니다. 위의 예제를 HTML 파일로 … Read more

HTML img 이미지 넣기

HTML의 img 태그는 웹 페이지에 이미지를 삽입할 때 사용하는 태그입니다. 이는 자체적으로 닫히는 태그이며, 이미지를 페이지에 표시할 때 필요한 여러 속성들 설정할 수 있습니다. 기본적으로 이미지의 경로, 대체 텍스트(alt 속성), 너비와 높이 등을 지정할 수 있습니다. img 기본 사용 img 주요 속성 src (source) 이미지를 불러올 경로를 지정합니다. alt (alternative text) 이미지가 로드되지 않거나 접근성 … Read more

HTML tooltip 툴팁 만들기

원본: HTML 툴팁 만드는 방법 (+ 코드 예제) 애플리케이션이나 웹 사이트를 이용하다 보면 아이콘이나 양식 필드가 무슨 용도인지 알 수 없을 때가 있습니다. 대부분의 사람들은 본능적으로 요소 위에 마우스를 올려 정보를 제공하는 팝업을 찾을 것 입니다. 이를 일반적으로 “툴팁”이라 부릅니다. 툴팁 요소는 사용자 인터페이스의 핵심 구성요소로, 디자이너가 화면을 어지럽히지 않고도 웹 페이지에 추가 정보를 넣을 … Read more

HTML textarea 텍스트 입력 박스 만들기

원본: HTML textarea – How to Add a Text Box Input Type Tag to Your Website 텍스트 박스는 사용자로부터 텍스트를 입력 받을 수 있는 요소입니다. 텍스트 박스를 클릭하거나 탭하면 깜박이는 커서가 나타나 입력 받을 준비가 되었음을 알려줍니다. 텍스트 박스는 text field와 text area의 두 가지 유형으로 분류됩니다. 이 두 입력 박스는 서로 다른 용도로 사용되며 … Read more