본문 바로가기

html, css, javascript63

javascript querySelector javascript querySelector querySelector를 사용하면 css 셀렉터를 활용하여 해당 내용을 가져올 수 있습니다. 아래 에시는 p 테그 아래 span 테그 내용인 "라마바"를 가져오는 코드입니다. HTML 삽입 미리보기할 수 없는 소스 2023. 7. 18.
html css javascript 주석 html css javascript 주석 html html 주석 (한줄 및 여러줄 용) css CSS 주석 (한줄 및 여러줄 용) /* This is a comment */ javascript javascript 주석 (한줄 용) // This is a comment javascript 주석 (여러줄 용) /* This is a multiline comment */ 코드팬 실습 HTML 삽입 미리보기할 수 없는 소스 2023. 5. 20.
css 앞뒤 고정하기 ::before, ::after css 문장 고정하기 ::before, ::after "나의 이름을"을 앞에 고정하고 "입니다" 를 뒤에 고정한 후 이름만 고쳐서 넣을 수 있게 하는 코드는 아래와 같습니다. 홍길동 김철수 코드 실행 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 이름, 전화번호, 주소에도 적용하 코드 예시는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 5. 18.
css 키워드를 이용하여 텍스트 사이즈 조절하기 텍스트 사이즈 조절을 위한 키워드 종류 xx-small, x-small, small, medium, large, x-large, xx-large 코드 텍스트 사이즈 텍스트 사이즈 텍스트 사이즈 텍스트 사이즈 텍스트 사이즈 텍스트 사이즈 텍스트 사이즈 코드 수행 결과 HTML 삽입 미리보기할 수 없는 소스 2023. 5. 8.
css 텍스트 색상 및 글꼴 변화 css 텍스트 스타일링 - 색상 및 글꼴 변화 샘플 문장 코드 Today is friday. Tomorrow is Saturday. 적용 결과 HTML 삽입 미리보기할 수 없는 소스 색상 변화 코드 Today is friday. Tomorrow is Saturday. 적용 결과 HTML 삽입 미리보기할 수 없는 소스 글꼴 변환 코드 Today is friday. Tomorrow is Saturday. 적용 결과 HTML 삽입 미리보기할 수 없는 소스 2023. 5. 6.
getElementByID 사용하여 텍스트 html에 불러오기 getElementByID 사용하여 텍스트 html에 불러오기 getElementById는 HTML 문서에서 특정 ID 값을 가진 요소를 검색하는 JavaScript 메서드입니다. 이 메서드를 사용하면 JavaScript를 사용하여 특정 ID를 가진 요소의 속성을 변경하거나 요소를 조작할 수 있습니다. javascript의 문자열을 html 문서에 표현하는 코드는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 javascript를 사용하여 changeText 함수를 제작합니다. 본 함수는 특정 id 위치에 글자를 click으로 변경할 수 있게 합니다. 코드는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 5. 6.