Notice
Recent Posts
Recent Comments
Link
목록div (2)
Coding Note
[JS] 버튼 클릭 시 <div> 텍스트 생성, 삭제, 숨김
1. 생성 코드 버튼 클릭시 텍스트 출력 2. 삭제, 숨김 코드 버튼 클릭시 텍스트 삭제 버튼 클릭시 이 div 태그 속 텍스트 삭제 기능 버튼 클릭시 텍스트 숨김 버튼 클릭시 div 숨김 기능 !JavaScript를 이용하여 문서에 HTML 요소 추가! 1. createElement() - HTML 요소 생성 2. createTextNode('문자열') - 선택한 요소에 텍스트 추가 3. appendChild() - 선택한 요소 안에 자식 요소 추가 예시)
Web/JavaScript
2022. 1. 28. 09:30
[HTML] 블록 태그와 인라인 태그 알아가기!
HTML 태그들은 블록 태그와 인라인 태그로 나뉜다. 기본적인 브라우저는 블록 태그는 블록 박스로, 인라인 태그는 인라인 박스로 다루며, 각 태그에 따라 브라우저에서 차지하는 영역과 위치에는 많은 차이가 있다. 함께 알아보자! 블록 태그(BlockLine) 블록 태그는 상자(레이아웃)를 만들기 위한 태그이며 항상 새 라인에서 시작하고 모든 부분을 포함한다. 대표적인 태그 - , , , : 문서의 분할이나 섹션을 정의하며 특정 범위를 묶는 용도 사용한다. : 문단 제목(장, 절, 소제목 등), 제목의 글자 크기는 브라우저가 결정하며, CSS 스타일 시트를 이용하여 변경할 수 있다. : 단락 나누기 로 끝나는 문단 다음은 자동으로 빈 줄이 생긴다. : 순서 없는 리스트(unordered list) 인라인 태..
Web/HTML, CSS
2021. 12. 7. 21:00