반응형 웹프로그래밍46 HTML 클래스 class HTML class HTML의 class 속성은 HTML 요소 클래스를 특정하는데에 사용이 된다. 같은 클래스에의 다중 HTML 요소들은 공유할 수 있다. HTML class 속성 class 속성은 style sheet에서 클래슬 이름을 가리키는데 사용이 된다. 특정 클래스 이름을 가진 요소에 접근하거나 조작하기위해 JavaScript를 사용할 수 있다. class 속성안에 라는 요소들이 있는 는 .class명 에따라 CSS로 스타일을 정의할 수 있다. 다음의 예시를 보자 Seoul Seoul is the captial of KOREA Tokyo Tokyo is the captial of JAPAN Paris Paris is the captial of France 위의 예시는 클래스를 city로 묶고 세.. 2023. 9. 4. HTML 리스트 - Unordered Lists 비순서형 리스트 의 태그로 시작하여 요소 안에 로 시작이 되어야한다. An unordered HTML list SamSung HYUNDAI SK 비순서형 리스트 스타일 변경 CSS에서 list-style-type의 구조를 가지며 여러가지 type으로 바꿀 수 있다. disc: 목록 항목 표시를 글머리로 만든다. circle: 목록 항목 표시를 원형으로 만든다. square: 목록 항목 표시를 사각형으로 만든다. none: 목록 항목 표시를 지정하지 않는다. An unordered HTML list Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk 위의 예시를 통해 비순형 리스트의 스타일이 변경되있는것을 알 수 있다. 2023. 9. 4. HTML 리스트 list HTML 설명 : 비순서형 리스트 태그이다. 예시코드 An unordered HTML list SamSung HYUNDAI SK 위의 코드를 실행해보면 옆에 동그란 점으로 리스트가 구성된 것을 알 수 있다. 여기서 는 list를 뜻하며 추후에 나올 , 등 요소 안에 있어야 리스트가 만들어진다. HTML 설명 : 순서형 리스트 태그이다. An ordered HTML list SamSung HYUNDAI SK 위의 코드를 실행해보면 삼성, 현대, SK 옆에 1,2,3 순서대로 나와있는 리스트가 완성이 된다. HTML ,, : 설명 리스트를 말한다. : 설명 리스트에서 용어를 뜻한다. : 설명 리스트에서 용어를 설명해준다. An unordered HTML list KOREA -SamSung -LG JAPAN .. 2023. 9. 4. HTML 단락과 <br>,<pre> 사용법 HTML 단락특징 This is a paragraph with line breaks. -> 코드에서 한 문장씩 출력하려고 위에 처럼 만들어도 This is a paragraph with line breaks 마찬가지로 위의 문장을 나타내면 한문장씩 나타나는것이 아닌 문장이 한줄로 이어붙여서 나온다. 사용법 This is a paragraph with line breaks. -> 를 사용할 경우 This is 문장 끝내고 아래에 a paragraph 그 아래에 with line breaks가 오게된다. 사용법 The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. .. 2023. 9. 4. 이전 1 ··· 6 7 8 9 10 11 12 다음 728x90 반응형