Web69 [2021.07.28] 인턴 +149 HTML id & iframes - 13 [2021.07.28] 인턴 +149 HTML id & iframes - 13 HTML id - HTML 요소의 고유 ID를 지정하는 데 사용 - 동일한 ID를 가진 요소가 두 개 이상 존재 X (유니크한 값을 가짐) My Header -> ★★★★★ 코드를 보면 알다시피, id에 적용 시키려면, 에서 #헤더명 으로 선언해줘야 한다. ★★★★★ The id Attribute My Header +@ 클래스 & ID 차이점 * 클래스 -> 여러 HTML 요소에서 사용 가능 * ID (동일한 ID를 가진 요소가 두 개 이상 존재 X (유니크한 값을 가짐)) -> 페이지 내에서 하나의 HTML 요소에서만 사용 가능 ------------------------------------------------------.. 2021. 7. 28. [2021.07.28] 인턴 +149 HTML class Attribute? - 12 (+@ How to use class attributes in javascript?) [2021.07.28] 인턴 +149 HTML class Attribute? - 12 (+@ How to use class attributes in javascript?) HTML 클래스 속성 사용 방법 - class 속성은 .css class 이름에 포인트로 사용 - ★★★ style 태그에 정의해줄 때, 클래스이기 때문에 .class명으로 선언해줘야 함 ★★★ .city { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } welcome Welcome to the tistory. injekim97 this is injekim97 web study -> 해당 코드를 보면 알다 시피,.. 2021. 7. 28. [2021.07.28] 인턴 +149 HTML Block and Inline Elements - 11 (블록 및 인라인 요소) [2021.07.28] 인턴 +149 HTML Block and Inline Elements - 11 (블록 및 인라인 요소) Block-level Elements - 항상 새 줄에서 시작 - ★★★ 항상 사용 가능한 전체 너비를 차지 ★★★ - 위쪽 여백과 아래쪽 여백이 있음(인라인 요소에는 X) Block-level Elements example Hello World +@ Element - 종종 다른 HTML 요소에 대한 컨테이너로 사용 - 요소에 속성이 필요 없지만, style, class ,id가 존재함 London London is the capital city of England. It is the most populous city in the United Kingdom, with a metr.. 2021. 7. 28. [2021.07.28] 인턴 +149 HTML List(리스트) - 10 [2021.07.28] 인턴 +149 HTML List(리스트) - 10 Unordered HTML List (● 이런 모양으로 리스트 표시) Coffee Tea Milk * li 란? -> list item의 줄임말 * -> 는 리스트에서 ● 이런 모양으로 출력하게 함 An Unordered HTML List Coffee Tea Milk +@ CSS list-style-type속성은 목록 항목 마커의 스타일을 정의하는 데 사용 --------------------------------------------------------------------------------------------------------------------------- Ordered HTML List (정렬된 숫자로 리스트 표.. 2021. 7. 28. [2021.07.27] 인턴 +148 HTML Tables(테이블) - 9 [2021.07.27] 인턴 +148 HTML Tables(테이블) - 9 HTML Table Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy -> 위의 3가지 style를 다 썼을 경우, 해당 이미지 처럼 보인다 -------------------.. 2021. 7. 27. [2021.07.27] 인턴 +148 HTML Image - 8 [2021.07.27] 인턴 +148 HTML Image - 8 HTML Image -> 태그는 만 존재하며, 는 없다. * 태그는 2개의 필수 속성이 존재 (src,alt) - src : 이미지의 경로를 지정(link) - alt : 이미지의 대체 텍스트를 지정(브라우저 사항이 좋지 않아, 이미지가 안떴을 때 지정한 text로 나옴) 이미지 너비 와 높이 HTML Image ---------------------------------------------------------------------------------------------------------------------------- 이미지 너비와 높이 --------------------------------------------------.. 2021. 7. 27. 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음
