-
[모각코+] HTML/CSS 11월과정 3일차모각코+/HTML+CSS 2021. 12. 22. 00:27728x90
코딩 커뮤니티 - 코뮤니티 [파이썬/... : 네이버 카페
코뮤니티 [코딩공부/독학/스터디/대외활동] : python, C언어, java, 자바스크립트, HTML, CSS, 웹/앱개발
cafe.naver.com
이번 시간에는 기본적인 CSS 사용법을 익혔어요 !
~2일차까지 배웠던 기본적인 태그들을 응용해서 CSS를 입히고 좋아하는 유튜버를 소개하는 페이지 만들기였어요.
아직 파일 분리를 배우기 전이라 <style> 태그를 활용해 직접적으로 html 파일에 css를 적용했습니다~
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>유튜버 소개</title> <style> #ycolor{ background-color: yellow; } #bcolor{ background-color: aqua; } </style> </head> <body> <div id="ycolor"> <h1>👉빠니보틀 TV</h1> </div> <p>국내 최고의 여행 유튜버, 세계일주를 간접적으로 체험하고 <br> 가고 싶은 여행지를 화면에서 보며 대리만족하자!</p> <span id ="bcolor"> ⭐이미지 클릭 시 보러가기⭐ </span> <div> <a href="https://www.youtube.com/c/%EB%B9%A0%EB%8B%88%EB%B3%B4%ED%8B%80PaniBottle" target="_blank"><img src="./panni.gif"></a> </div> </body> </html>
728x90'모각코+ > HTML+CSS' 카테고리의 다른 글
[모각코+] HTML/CSS 11월과정 2일차 (0) 2021.12.20 [모각코+] HTML/CSS 11월과정 1일차 (0) 2021.12.20