colspan 속성 - , 에서 주로 사용 - 데이터가 여러 열에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 열의 개수를 입력받음 코드 coffee tea latte Americano herb tea strawberry latte colspan 속성 - , 에서 주로 사용 - 데이터가 여러 행에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 행의 개수를 입력받음 코드 coffee tea latte Americano Herb tea Strawberry latte Cold brew Matcha latte
비디오 태그 (video) - 비디오를 웹 페이지에 포함할 때 사용 - 태그와 달리 닫는 태그 필요 - 여는 태그와 닫는 태그 사이에 적힌 텍스트는 브라우저가 비디오를 로드할 수 없는 경우에만 표시됨 src : 비디오의 위치, 주소 추가하는 속성 controls : 일시 중지, 재생과 같은 기본 비디오 컨트롤을 포함하도록 브라우저에 지시하는 속성 autoplay: 페이지가 로드되자마자 동영상이 자동으로 재생되는 속성 loop: 이 속성을 사용하면 비디오가 계속해서 반복해서 재생되는 속성 비디오를 로드할 수 없습니다. Video not supported
객체 - 객체는 속성(변수)과 동작(메소드)을 가진 하나로 묶음 객체 = 변수 + 함수(메소드) 객체 생성 1. 클래스(객체의 설계도) 정의 : 객체가 가지고 있는 속성을 변수로 표현, 객체의 동작은 메소드로 정의 class 클래스이름: # 변수 생성 # 메소드 정의 class Car: # Car라는 이름의 클래스 생성 def drive(self): # drive 메소드 생성 self.speed = 10 2. 객체 생성 인스턴스 = 클래스() myCar = Car() 3. 속성(변수) 추가 인스턴스.속성 = 값 myCar.speed = 0 myCar.color = "red" myCar.model = "SUV" 4. 객체의 속성과 메소드 사용 print("자동차의 속도는",myCar.speed) # 자동차..
글자 크기 변경 속성 - 글자 크기 바꾸고 싶을 때 사용 - px 단위, % 단위, 상대적인 크기 전부 사용 가능 font-size: 크기; CSS JavaScript HTML 삽입 미리보기할 수 없는 소스
글자 꾸밈 속성 - 글자를 꾸미는 장식을 넣을 때 사용 - 글자 꾸밈을 제거하고 싶을 때는 none; 넣기 text-decoration:효과; CSS HTML 삽입 미리보기할 수 없는 소스
CSS - Cascading Style Sheets - 웹페이지 디자인을 위한 언어 - HTML이 정보 전달에만 전념할 수 있도록 함 인라인 스타일(inline style) style 속성 이용 - html 코드 내에서 직접 css 코드 작성 - 속성의 값을 웹브라우저가 css의 문법에 따라서 해석하여 그 결과를 style 속성이 위치하고 있는 태그에 적용 - 선택자 필요 없음 - 2개 이상 스타일 지정할 때는 세미콜론으로 구분 - 자주 사용되지는 않음 CSS 내부 스타일시트(internal stylesheet) 태그 이용 - 내부에 style 태그 추가 선택자(Selector) - 스타일을 지정할 요소 선언 블록(Declaration Block) - css 선언을 포함하는 중괄호{ } 사이의 코드 선언..
iframe 태그 - 현재 웹 문에 다른 페이지, 동영상 등을 불러와서 삽입 ex) 유튜브 동영상 삽입 1. 유튜브 동영상의 공유 버튼 클릭 2. 퍼가기 선택 3. 퍼가기 안에 있는 HTML 코드 복사 4.동영상 추가할 위치에 코드 붙여넣기