[1일 1코딩]  코딩독학 HTML 스타일  feat. tcpschool





오늘은 HTML 스타일!


내가 제일 좋아하는 스타일 꾸미기



난 이런게 제일 재미있다...


왜냐면..


쉬우니까... ^^



실습해본거 옮겨적기...





tcpschool 사이트에서 보면서


창 두개 띄워 놓고 


바로 바로 베끼면서 코딩실습하는중







<태그이름 style = "속성이름 속성값">


배경색 변경


>> 속성 : background-color



글자색 변경


>> 속성 : color



글자 크기 변경


>> 속성 : font-size



문단 정렬 변경


>> 속성 : text-align



<!DOCTYPE html>


<html lang="ko">


<head>


<meta charset="UTF-8">


<title>HTML Styles</title>


</head>



<body style = "background-color #33CCFF">



<h1 style="background-color pink; font-size : 18pxtext-align right">


style 속성


</h1>



</body>


</html>




>> 결과













출처 : TCP스쿨










의식의 흐름으로 써보는 짧은 생각....과 유용한 사이트 추천







바야흐로 4차산업혁명시대가 왔다...



인공지능의 발전이 내 생각보다 훨씬 빠르게 진행되고 있는 것 같다


이세돌과 알파고의 대결로 한창 얘기가 많을때까지도 그냥 그래..아무래도 기계로 돌리는게 사람보다 낫지 했었는데


요즘은 좀 무섭다...ㅋㅋㅋ 와 이렇게까지 발전했다고? 하는 생각이 든다.


요즘은 KT 기가지니, 아마존의 알렉사, 카카오 미니, 네이버 웨이브 등 인공지능 스피커도 다양하더라.


최근 나오는 로봇들은 퀄리티도 생각보다 너무 좋고...



로봇한테 일자리 안뺏기고 오래오래 먹고살려면


코딩을 조금이라도 알아야할 것만 같은 기분이 든다.



의식의 흐름으로 ..쓰다가 생각난 아마존의 알렉사 슈퍼볼 광고


영어공부하다가 발견한 광고인데 재미있음ㅋㅋㅋㅋ





해석은 유튜버 소피반님의 "쓸만한 영어 - TV광고로 ~ "의 영상을 참고하세용





아무튼 최근에 코딩교육 의무화도 되었고 4차산업혁명에 관한 말들이 많으니..


문과생들 사이에서도 코딩공부하는 사람들이 꽤 많다.


아무래도 문과생은...답이없다...



하지만....융합의 시대가 아닌가...

문과생이 코딩공부하면...시너지효과가 좋다고하니..... 열심히 해보자.....ㅠ



컴활 딸때도 토나오는줄 알았는데...




마무리도 의식의 흐름으로 ......

코딩독학하려고 검색하다가 찾은 사이트 공유합니당








코딩독학 / 코딩교육 유용한 사이트 정리



자바 / 파이썬 / C언어 / 자바스크립트 등 프로그래밍언어를 공부할 수 있는 곳 위주


그리고 코딩실습 가능한 위주로 모았습니다.


코딩사이트 찾다보니까 초등코딩 / 중등코딩교육 사이트도 많이 나와서 같이 정리해봤어요! 




이론교재 + 실습 : tcpschool.com

이론교재 + 실습 : www.w3schools.com

이론교재 + 실습, 그림이 너무 귀여움ㅠ : codeclubprojects.com

CSS 이론 + 게임 : flukeout.github.io

이론교재 : poiemaweb.com

이론강의 : www.codeschool.com

이론강의 + 실습 : edu.goorm.io

이론강의 + 실습 : progate.com

이론강의 : inflearn.com

이론강의 : www.bbc.co.uk/schools/0/computing

블럭코딩 : playentry.org

블럭코딩 : hourofcode.com

소프트웨어 교육 : playsw.or.kr

소프트웨어 교육 : www.software.kr













[1일1코딩]  코딩독학 HTML 주석과 엔티티   feat. tcpschool




오늘은 HTML 주석과 엔티티.. 



캡쳐로 요약정리를 해보자


원래 공부는 3회독이라고 했따



일단 훑어보자......








악센트 기호를 표시할 수 있는 발음구별부호도 있군












출처 : TCP스쿨













[1일 1코딩]  코딩독학 HTML 기초태그    feat. tcpschool




시작은 HTML 태그로... 




            









<h> 태그 : 제목 (heading)


숫자가 낮을수록 글씨 크기가 커짐



<p> 태그 : 단락 (paragraph)


줄을 나눠도 표현이 안되네..

여러번 띄어써도 한번만 인식됨



<br> 태그 : 엔터 기능



<hr> 태그 : 수평 가로 구분선


 (-------------------------------------)





[서식]



<b> , <strong> 태그 : 굵은 글씨


<i>, <em> 태그 : 기울기





오  블로그할 때 꿀팁...!  굵게, 이탤릭체 활용해야겠꾼





<mark> 태그 : 형광펜 기능


<del> 태그 : 취소선


<ins> 태그 : 밑줄 (insert)


<sup> 태그 : 위첨자 (제곱 표현) 


<sub> 태그 : 아래첨자 (화학식 표현)






[인용구]



<q> 태그 : 인용구 (자동으로 앞뒤에 큰따옴표 붙음)


<blockquote> 태그 : 길이가 긴 인용문


<abbr> 태그 : 축약형 표현 (마우스를 대면 원래 용어가 뜸)


<address>  태그 : 주소. 이탤릭체, 위아래로 공백 삽입





....





출처 : TCP스쿨













원하는대로 스킨을 꾸밀 수 있다고 해서 티스토리를 시작해봤는데 


뭐가 뭔지 알 수가 없다..... 네이버처럼 친절하지가 않다 ....



티스토리도 꾸며볼겸...  4차산업혁명시대라고 다들 코딩공부하길래 


코딩을 공부해보려고 한다........



취미로 가볍게 공부해보려고 찾아보니까 


코딩독학하는 사람들 사이에서는  tcpschool이 유명한 것 같길래 이거로 정했따



책 안사도 되고 넘나죠음 


1일 1코딩... 짬짬이 해보쟈


일단 오늘은 구경을 해보았다






깔끔하다..!


앞으로 1일 1코딩 올릴 수 있기를 기원하며.....


자바까지 갈 수 있을까?

ㅎㅅㅎ




링크는

요기





TCP스쿨








+ Recent posts