구글 웹 글꼴을 사용하는 "HTML_CSS" 웹 사이트 생성

 ♥html과 css의 코딩으로 웹사이트만들기 시작~집중해서 코딩작업을 하다보면 어느새 새벽날이 몇일째인지 모른다..내 안에 이런 잠재력이 있었다..코딩작업에 매력을 느끼고 있는 나를 새롭게 깨닫고...2020년의 마무리와 2021년의 새로운 계획에 '코딩'이라는 단어가 들어왔습니다.^^

WEBSTORYBOY.CO.KR의 웹사이트 만들기를 보면서 작업하고 있다.유튜브 강의로 정말 많은 것을 배우게 됐어요.코딩 입문하시는 분들이 따라하면 나랑 같이 코딩에 빠질 수도 있어~^^



https://www.youtube.com을 활용하여 웹사이트 구축 실습 실시!!


흉내내면서 htmlcss의 단축키 적용속도가 빨라지고 있어~tag 실행을 눈으로 확인하면서 즐거움과 몰입을 동시에 느끼기 때문에.. 밤낮이 바뀌고, 좀 폐인이 되어가는 듯한 요즘~

아래 주소는 모방하는 것으로 완성되어가는 나의 닷홈 웹사이트 주소!

http://blackswan.dothome.co.kr/web 전체 메뉴 HTML Reference HTML 태그(Tag) 블록요소 인라인 요소 DTP 선언 언어 속성 설정 HTML <title> HTML<meta> 특수 문자 하이퍼링크 HTML<style> HTML<html> HTML<hetad> HTML> 태그 태그태그글태그/HTMLence<div> HTMLTMLT>


웹 사이트를 만들면서 webfont를 사용할 때가 있습니다.구글웹폰트로 무료로 제공하는 Font적용방법을 알게되어서 매우기쁘다고나할까~♥

코딩 작업을 Brackets를 사용하면서 분류하고 정리하는 방법을 배우게 되었습니다.

→ index . html → style . css → reset . css

3개의 파일로 나누어서 작업을 하고 있어요. index.html<!--웹 폰트-->주석을 만들어 구글이 제공하는 웹 폰트 링크를 ctrl+c(복사) index.html 파일에<!--웹 폰트-->ctrl+v~

▶Google에서 원하는 webfont 실행→아래 레드박스 링크를 복사해서 →index.html<!--웹폰트-->에 붙여넣기

font-family 소스를 ctrl+c, style.css 파일로 가서 폰트를 적용하고 싶은 제목에 ctrl+v~

▶ font - family → style . css 에 적용


이렇게 적용한 폰트입니다~~~

polymath를 읽으면서 한계를 거부하는 다재다능함의 힘이라는 책의 표지처럼 자기 자신의 생각에 스며든 한계라는 독소부터 제거하는 것으로 시작해 코딩을 시작한다.
2020년 12월... 내 코딩의 시작이 2021년 어떤 모습으로 성장할것인지 내 자신에게 기대하면서.. 의식과 사고방식, 세계관을 다시 세우자!!

단언하건대, 겁쟁이는 좋은 삶을 살 수 없다.좋은 삶이란 자신의 가능성을 차근차근 실현하고, 자신을 확장하고 성장하는 과정을 동반하는 것이다.이를 위해서는 반드시 용기가 필요하고 온전히 스스로의 힘으로 인생을 개척해 나가는 것이기 때문이다.


polymath_폴리머스 소탕수탕

이 블로그의 인기 게시물

예를 참고하세요! 사업계획서 PPT

goes 방탄소년단 Life Goes On

오딘 발할라 라이징 달려볼까? 크래프트박스 런처로 집, PC방에서